Question

我试图展示＆＃34;测试＆＃34;取决于屏幕尺寸：

<script type="text/javascript">
jQuery(function( $ ){
if($(window).width() >= 960){
document.write('Test');
}
});
</script>

由于jQuery冲突，我不得不把脚本放在＆＃34; jQuery（funcion ......＆＃34;

所以脚本有效。但是，整个站点正常加载，然后在执行脚本后变为空白，只有＆＃34;测试＆＃34;在屏幕上显示。现在有人为什么？

Answer 1

一旦文档准备就绪，如果再次使用document.write()，文档将被重写，如果你想附加一个文本，你可以使用append（）

注意：当document.write写入文档流时，调用关闭（加载）文档上的document.write会自动调用 document.open which will clear the document。

jQuery(function( $ ){
if($(window).width() >= 960){
$('body').append('test')
}
});

Answer 2

文档加载完成后，您无法使用document.write。如果这样做，浏览器将打开一个替换当前文件的新文档。