JavaScript刪除JQuery代碼

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

換句話說，在window.onload處理程序使用document.write替換你寫什麼，整個文檔。

一個的許多方法來解決這個問題是使用一個元素，設置它的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>