作者awpadam (adam!)
看板Web_Design
标题[问题] 请问这个是跟js和css的读取顺序有关吗
时间Mon Feb 12 20:37:56 2018
小弟应徵某公司的C程式设计师
然後进了公司，就默默的开始写js了...
完全不熟，现在遇到一个状况不知道是什麽原因
跪求板上高手神人指教
我有一个html页 名叫 background.html
background.html有一个video tag ，里面正在播放影片
background.html还有一个iframe
iframe里面可能会读取a.html 或 b.html
这两页都需要播放影片
於是background.html的那个video tag就担负起播放影片的责任
进入a.html时，里面的js会把 parent 的video tag设成他要的
大小、位置，语法大概是这样
parent.videoDOM.style.height = 320 ;
parent.videoDOM.style.width = 480 ;
之类的
进入b.html时也会做类似的事情，把video tag 设成他要的大小和位置
在a.html及b.html的 unload 事件发生时，会先把video tag 的css设成 隐藏
parent.videoDOM.style.display = "none"
然後在a.html及b.html的 onload 事件发生时，会把隐藏取消
现在情况是 b.html里面含有许多大量耗资源的js计算
在a.html 使用者点击换页按钮，要把分页跳到b.html时
那个video tag 会卡在画面上，似乎在等b.html把js算完
卡了一小段时间後，才不见，然後被b.html重设大小和位置
我觉得会不会是 在 a.html的unload事件发生，把video设成隐藏之後
在进入b.html的时候，会先读取完所有js的资料，才开始解析css的东西
所以才会有这种情形
不知道我猜的对不对
如果我猜对的话，请问我这种情况，分页共用母页的一个video tag
且其中有些分页的js计算很慢的话，我应该怎麽让这个video tag
至少不要卡在画面上呢?
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 123.193.141.167
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1518439079.A.995.html
1F：推 yuanchen1103: 通常css会在head先引入 js则会在html後面才引入 不 02/12 22:16
2F：→ yuanchen1103: 知道是不是这个问题 02/12 22:16
不过我都没有引入什麽，都是用js控制的呀
※ 编辑: awpadam (123.193.141.167), 02/12/2018 23:03:25
3F：→ dannypsnl: 有更完整的程式码吗 02/13 01:42
4F：推 howfeeling: 我猜你是用js 控制dom的style吧？？ 用class的方式设d 02/14 10:50
5F：→ howfeeling: isplay：none;或是opacity:0然後在add class（能显示 02/14 10:50
6F：→ howfeeling: 的） 02/14 10:50
你猜的对
※ 编辑: awpadam (61.216.7.85), 02/14/2018 12:58:17