在HTML中使用JavaScript

　　在HTML中使用JavaScript方法：

1、页面中插入script标签

2、HTML的DOM节点中直接插入js代码

　　HTML规范中，script标签有6个属性

1、async，异步下载，规定异步执行脚本（只对外部脚本有效）；

2、charset，规定字符编码；

3、defer，延迟执行，是否延迟（只对外部脚本有效）；

4、language，规定脚本语言，被废弃，建议使用type代替；

5、src，代表地址；

6、type，可看成language的替代品，指示脚本的MIME类型；

　　用script标签会遇到的问题

1、包含在script标签里的javascript会从上到下依次解释（坑）执行；

　　　解释分两步：预处理和执行，JS是一种阻断式语言，它运行时，其他东西都不能干。

2、一定要使用<script></script>把它闭合掉；

script若既引用了外部文件，又写了js代码，那么内部代码会被忽略。

跨域

好处：若引外部js文件，便于维护，可以引入外部资源

坏处：若有人使坏，则对自身安全有威胁

script标签位置

传统：放head标签内

开发中：一般不放head里，因为js是一种阻断式语言，若放在开头并且文件特别大时，则它在加载时，整个页面加载全部被阻断，用户体验很不好，所以，一般把js文件放在页面最底下，在页面加载时，还没执行到js，可以先把页面呈现给用户。（若js文件放在页面最底下，不好使时，或者使用某些框架或库时，有特别提示，则一定要放头部。归纳：如果js一定要在页面渲染之前执行的话，那么要放在head里，一般是和css相关的js）

可用延迟执行解决这个问题，但存在问题，即虽然一个js文件设置了延迟时间，HMTL规范也规定js要按脚本先后顺序加载，但是某些公司并不遵守这个规范，一旦遇到两个脚本之间有关联关系，加载先后顺序有要求，则会出问题，异步下载问题同此。

所以，开发中到底该引用外部文件还是内部文件呢？

内部文件相对外部文件最大的好处是性能好，因为外部文件都是要一次请求，性能有提升，这种性能提升在手机上特别明显，所以需要权衡。

可缓存, 开发中浏览器会自动缓存；

解决：

1、设置浏览器禁用缓存；

2、在引用的js后面加个随机数可以避免缓存；

 

 

转载于:https://www.cnblogs.com/wenzizaigaoge/p/10513606.html