Javascript 为什么这个HTML不能打印？

我不知道为什么，但是当屏幕宽度低于1230像素时应该打印的HTML将不会显示。寻找一些关于原因的建议。提前谢谢

<script type="text/javascript">
        if (screen.width < 1230) {
           document.write('
           <ul class="navbar-holder">
                <li id="navitem" class="navbaritem-active"><a href="<?php echo 'http://' . $_SERVER['HTTP_HOST']; ?>">home</a></li>
                <li id="navitem" class="navbaritem"><a href="#">about us</a></li>
                <li id="navitem" class="navbaritem"><a href="#">our services</a></li>
                <li id="navitem" class="navbaritem"><a href="#">our work</a></li>
                <li id="navitem" class="navbaritem"><a href="#">blog</a></li>
                <li id="navitem" class="navbaritem"><a href="#">contact us</a></li>
            </ul>
            ');
        }
        else {
            document.write('
            <select class="mobile-page-selector">
                <option>Home</option>
            </select>
            ');
        }
</script>

如果（屏幕宽度<1230）{
文件。写（'








');
}
否则{
文件。写（'
家
');
}

JavaScript字符串不能包含换行符；可以在每行末尾使用反斜杠对其进行转义，也可以连接多个字符串

<script type="text/javascript">
        if (screen.width < 1230) {
           document.write('\
           <ul class="navbar-holder">\
                <li id="navitem" class="navbaritem-active"><a href="<?php echo 'http://' . $_SERVER['HTTP_HOST']; ?>">home</a></li>\
                <li id="navitem" class="navbaritem"><a href="#">about us</a></li>\
                <li id="navitem" class="navbaritem"><a href="#">our services</a></li>\
                <li id="navitem" class="navbaritem"><a href="#">our work</a></li>\
                <li id="navitem" class="navbaritem"><a href="#">blog</a></li>\
                <li id="navitem" class="navbaritem"><a href="#">contact us</a></li>\
            </ul>\
            ');
        }
        else {
            document.write('\
            <select class="mobile-page-selector">\
                <option>Home</option>\
            </select>\
            ');
        }
</script>

---

它将更高效、更易于使用、无需JavaScript即可访问，并对窗口大小做出响应。

您需要使用反斜杠来转义输入：

document.write("a\
b");

---

PHP是服务器端，JavaScript是客户端，JavaScript不能

文档。编写任何PHP并让它执行

也就是说，JavaScript认为您在

href=“

由于
“
结束初始字符串
有更好的方法来完成您正在尝试的操作。请查看
引导框架
。您将拥有一个仅显示宽度小于1230等的类。CSS是媒体屏幕和（最大宽度：1230px）的方式

。问题在于标记。PHP也不能识别脚本块；我假设PHP代码已经处理。@minty是的，应该是。我想知道是否有办法在JavaScript块中转义PHP。