[問題] 請問這個是跟js和css的讀取順序有關嗎

看板Web_Design作者 (adam!)時間7年前 (2018/02/12 20:37), 7年前編輯推噓2(204)
留言6則, 3人參與, 7年前最新討論串1/2 (看更多)
小弟應徵某公司的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://www.ptt.cc/bbs/Web_Design/M.1518439079.A.995.html

02/12 22:16, 7年前 , 1F
通常css會在head先引入 js則會在html後面才引入 不
02/12 22:16, 1F

02/12 22:16, 7年前 , 2F
知道是不是這個問題
02/12 22:16, 2F
不過我都沒有引入什麼,都是用js控制的呀 ※ 編輯: awpadam (123.193.141.167), 02/12/2018 23:03:25

02/13 01:42, 7年前 , 3F
有更完整的程式碼嗎
02/13 01:42, 3F

02/14 10:50, 7年前 , 4F
我猜你是用js 控制dom的style吧?? 用class的方式設d
02/14 10:50, 4F

02/14 10:50, 7年前 , 5F
isplay:none;或是opacity:0然後在add class(能顯示
02/14 10:50, 5F

02/14 10:50, 7年前 , 6F
的)
02/14 10:50, 6F
你猜的對 ※ 編輯: awpadam (61.216.7.85), 02/14/2018 12:58:17
文章代碼(AID): #1QWOgdcL (Web_Design)
文章代碼(AID): #1QWOgdcL (Web_Design)