為什么HTML代碼中的settimeout功能不起作用？

Question

我想讓我的代碼顯示一個視頻，然后使用setTimeout在指定時間后默認使用不同的代碼。 以下是我的代碼。 視頻文件顯示但在指定的1秒后，它會消失而不會默認/顯示第二個代碼。 它最終變成了空白。

<div id="video159795815158585" style="width: 300px; height: 250px;">
<script src="http://p.algovid.com/player/tlvplayer.js?p=1597958151&sid=[REPLACE TO SPECIFIC DOMAIN]&cb=58585&w=300&h=250&d=[REPLACE TO SPECIFIC DOMAIN]" type="text/javascript">
</script>
<script type="text/javascript">
setTimeout(function(){ document.getElementById('video159795815158585').innerHTML = "<script type="text\/javascript" src="\/\/display.blutonic-ads.com\/2.0\/9608\/adtag.js" data-tc-slot="26539" data-tc-size="300x250" data-tc-publisher="41b30f06-306c-5b38-9b50-7a5bdd3d9f9a"><\/script> <noscript> <img src="http:\/\/p.algovid.com\/ppx\/error?en=1&em=nojs&p=1597958151&sid=[REPLACE INTO DOMAIN]&cb=58585&domain=[REPLACE TO SPECIFIC DOMAIN]" width="1" height="1"><\/noscript>"; }, 1000);
</script>
<noscript>
    <img src="http://p.algovid.com/ppx/error?en=1&em=nojs&p=1597958151&sid=[REPLACE INTO DOMAIN]&cb=58585&domain=[REPLACE TO SPECIFIC DOMAIN]" width="1" height="1">
</noscript>

這是應該出現的第二個代碼

<script type="text/javascript" src="//display.blutonic-ads.com/2.0/9608/adtag.js" data-tc-slot="26539" data-tc-size="300x250" data-tc-publisher="41b30f06-306c-5b38-9b50-7a5bdd3d9f9a"></script>

Answer 1

很明顯，您的JavaScript代碼中的引用語法錯誤。 當引用字符串並且字符串是JavaScript語句時，您需要通過單引號與雙引號或轉義字符'\\'進行嵌套引用。

以下三個表達式是等效和正確的。

"<script type='...'>"

'<script type="...">'

"<script type=\"..\">"

請注意使用單引號和雙引號。 單引號和雙引號的效果在JavaScript中是相同的，只要字符串在開頭和結尾使用相同類型的引號，就可以在創建字符串時混合使用單引號和雙引號。

---

以上描述僅解決了語法錯誤，但沒有解決功能問題。 您遇到的功能問題是如何動態加載JavaScript腳本文件，以下代碼希望對您有所幫助。

<script type="text/javascript">
    var ohead= document.getElementsByTagName('head')[0];
    var oScript= document.createElement("script");
    oScript.type = "text/javascript";
    oScript.src= "//display.blutonic-ads.com/2.0/9607/adtag.js";
    ...
    setTimeout("oHead.appendChild(oScript)",1000);
</script>