js引入和使用

 ESMAScript标准  语句基础标准

        DOM   针对HTML标签，CSS样式的语言部分   Document Object Model

        BOM   针对浏览器所使用的开发部分   Browser Object Model

js引入

script只能写在head或者body中），如果写在html后这种写法本来就是错误的，不过浏览器有自动修复html标签

的能力，因此会把最后的script重新放回body最底部，这样会造成DOM树渲染完成后重新被打开，

效率将会大打折扣

js和css引用数据的相对路径基准不一样

• js文件引用其它文件（图片，文件）的相对路径是以引用该js文件的页面为基准
• 模块化开发中，js文件引用其它文件的相对路径，是以调用该js文件的入口文件为基准
• css文件引用其它文件的相对路径是以自身的位置为基准

src和href区别

1、script标签引入外部的js，利用src属性来引入，如果放在了header中，js代码解析默认是同步的，会阻塞后续代码的执行，除非使用async和defer变为异步加载

2、img标签引入图片，利用src属性，图片加载默认是异步的，也就是不会阻塞后续代码的执行

3、link标签引入css，利用href属性，他是同步加载

4、a标签，链接使用href属性，点击才会触发，不存在同异步