为什么我的 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>