为何只有一句可以执行?

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

    <script>

        window.onload = function(){

        var mybox = document.getElementsByTagName("li");

        document.write('<xmp>'+mybox[0].innerHTML+'</xmp>');

        alert(mybox[0].innerHTML);

        console.log(mybox[0].innerHTML);

        }

    </script>

</head>

<body>

    <ul id="box">

        <li><img src="image/i1.png" alt=""></li>

        <li><img src="image/i2.png" alt=""></li>

        <li><img src="image/i3.png" alt=""></li>

    </ul>    

</body>

</html>

我发现


        window.onload = function(){

        var mybox = document.getElementsByTagName("li");

        document.write('<xmp>'+mybox[0].innerHTML+'</xmp>');

        alert(mybox[0].innerHTML);

        console.log(mybox[0].innerHTML);

        }

        

里面的三句话:


        document.write('<xmp>'+mybox[0].innerHTML+'</xmp>');

        alert(mybox[0].innerHTML);

        console.log(mybox[0].innerHTML);

        

只有一句可以执行


document.write('<xmp>'+mybox[0].innerHTML+'</xmp>');


为何执行完 document.write('<xmp>'+mybox[0].innerHTML+'</xmp>'); 

后面的两句不执行了?


        alert(mybox[0].innerHTML);

        console.log(mybox[0].innerHTML);


FFIVE
浏览 460回答 4
4回答

暮色呼如

document.write后并没有mybox了

守候你守候我

注意: 因为 document.write 写入文档流,在关闭(已加载)的文档上调用 document.write 会自动调用 document.open,这将清除该文档。

MYYA

window.onload = function(){var mybox = document.getElementsByTagName("li");document.write('<xmp>'+mybox[0].innerHTML+'</xmp>');alert(mybox[0].innerHTML);console.log(mybox[0].innerHTML);}改写成&nbsp; &nbsp; window.onload = function(){&nbsp; &nbsp; var mybox = document.getElementsByTagName("li");&nbsp; &nbsp; alert(mybox[0].innerHTML);&nbsp; &nbsp; console.log(mybox[0].innerHTML);&nbsp; &nbsp; document.write('<xmp>'+mybox[0].innerHTML+'</xmp>');&nbsp; &nbsp; }
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript