[問題] 請問這個是跟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