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