Question

我是JavaScript和JQuery的新手。我想用这两个，我已经做了一个测试例子来学习。该脚本显示浏览器和屏幕的宽度和高度：

<script type="text/javascript" language="javascript">   
        window.onload = function() {
            document.write( document.body.clientWidth + ' x ' + document.body.clientHeight);
        }   
</script>

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script>    
        $(document).ready(function(){
            $( 'body' ).append( $( window ).width() + 'X' + $( document ).height() );
        });
</script>

当我运行该文件时，只有javascript指令，jquery指令不会出现。我查了javascript代码是在/ ** /之间，jquery说明没问题。

我该如何解决？

Answer 1

当document.write写入文档流时，在已关闭（已加载）的文档上调用document.write会自动调用document.open ，这将清除文档。

MDN

换句话说，在document.write处理程序中使用window.onload会将整个文档替换为您正在编写的内容。

解决这个问题的方法之一是使用一个元素并将其设置为innerHTML而不是

<div id="elem"></div>

<script type="text/javascript" language="javascript">   
        window.onload = function() {
            document.getElementById('elem').innerHTML = document.body.clientWidth + ' x ' + document.body.clientHeight;
        }   
</script>

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script>    
        $(document).ready(function(){
            $( 'body' ).append( $( window ).width() + 'X' + $( document ).height() );
        });
</script>

JavaScript删除了JQuery代码

1 个答案: