[问题] 请问这个是跟js和css的读取顺序有关吗

楼主: awpadam (adam!)   2018-02-12 20:37:56
小弟应征某公司的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
至少不要卡在画面上呢?
作者: yuanchen1103 (Yuan)   2018-02-12 22:16:00
通常css会在head先引入 js则会在html后面才引入 不知道是不是这个问题
作者: dannypsnl (秦书)   2018-02-13 01:42:00
有更完整的程式码吗
作者: howfeeling (行)   2018-02-14 10:50:00
我猜你是用js 控制dom的style吧?? 用class的方式设display:none;或是opacity:0然后在add class(能显示的)

Links booklink

Contact Us: admin [ a t ] ucptt.com