以下代码来自于网上的一个教程

我复制到我的vs code后页面就成这样了，咋回事，我全复制的，还啥都没动

<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
        window.onload = function () 
        {
            var oBtn = document.getElementsByTagName("input");
            var opener = null;
            oBtn[0].onclick = function () 
            {
                opener = window.open();
                var strHtml = '<!DOCTYPE html>\
                            <html>\
                            <head>\
                                <title></title>\
                            </head>\
                            <body>\
                                <div>小心偷影子的人，他会带走你的心。</div>\
                            </body>\
                            </html>';
                opener.document.write(strHtml);
            };
            oBtn[1].onclick = function () 
            {
                var oDiv = opener.document.getElementsByTagName("div")[0];
                oDiv.style.fontWeight = "bold";
                oDiv.style.color = "hotpink";
            };
        }
    </script>
</head>
<body>
    <input type="button" value="打开新窗口" />
    <input type="button" value="操作新窗口" />
</body>
</html>

img

没什么问题我试了一下


<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
        window.onload = function () {
            var oBtn = document.getElementsByTagName("input");
            var opener = null;
            oBtn[0].onclick = function () {
                opener = window.open();
                var strHtml = '<!DOCTYPE html>\
                            <html>\
                            <head>\
                                <title></title>\
                            </head>\
                            <body>\
                                <div>小心偷影子的人，他会带走你的心。</div>\
                            </body>\
                            </html>';
                opener.document.write(strHtml);
            };
            oBtn[1].onclick = function () {
                var oDiv = opener.document.getElementsByTagName("div")[0];
                oDiv.style.fontWeight = "bold";
                oDiv.style.color = "hotpink";
            };
        }
    </script>
</head>

<body>
    <input type="button" value="打开新窗口" />
    <input type="button" value="操作新窗口" />
</body>

</html>

img