Index.html中： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>This is a ajax test</title> <script type="text/javascript" src="js/jquery-3.1.1.js"></script> <script type="text/javascript" src="js/test_js.js"></script> <script type="text/javascript"> $(document).ready(function(){ document.write(1); }); </script> </head> <body> <p>this is a page!</p> <button>Click me</button> </body> </html>
输出的结果为：
1
Click me
因为read是在文档加载结束后再调用的，它会覆盖掉前面的文档内容，因为前面的文档流已经close()了，再打开相当于创建一个文档流open()，重新创建了一个文档，理由可以参见http://www.softwhy.com/forum.php?mod=viewthread&tid=13582
一个神奇的问题出现了：
当我改成
test_js.js中： function hide(){ document.write(1); }
并且把最初的代码改成
<script type="text/javascript"> $(document).ready(hide(); </script>
结果变成
1
this is a page!
说明他并没有随着文档结束而加载，而是最先加载的这个hide函数，很奇怪的一点。
由于是刚学习Js,并不了解，先记录下来，以后再说明原因，各位朋友知道的也可以在下面留言，xiexie~