js的引入

js的引入

1.引入外部文件

<script type="text/javascript" src="JS文件"></script>

2.存放在HTML的或中

<script type="text/javascript">
    Js代码内容
</script>　

• HTML的head中
• HTML的body代码块底部(推荐)
  3.为什么要放在代码块底部？
• HTML代码从上到下执行，先加载CSS，避免html出现无样式状态；
• 将JavaScript代码块放在最后，可以让网页尽快的呈现给用户，减少浏览者的等待时间，避免因为JS代码块阻塞网页的呈现。
  【说明】js在页面中的加载顺序是自上而下执行的，因为js可能会操作HTML文档的DOM树，所以浏览器一般不会像并行下载css文件并行下载js文件，所以head里的script标签会阻塞后续资源的载入以及整个页面的生成，需加上window.onload()或是document.ready()事件

这里就说到了window.onload()和document.ready()的区别

区别	window.onload()	$(document).ready()
执行时机	在页面所有元素（包括图片、引用文件）加载完后执行	页面中所有HTML DOM、CSS DOM结构加载完后就会执行（不包括图片和其他文件）
编写个数	不能同时写多个，后面的将会覆盖前面的	可以同时写多个
简写方式	无	$(document).ready(function(){})或$().ready(function(){}或$(function(){})