在html页面用js方法,在HTML中使用JS方法总结

这次给大家带来在HTML中使用JS方法总结，在HTML中使用JS的注意事项有哪些，下面就是实战案例，一起来看一下。

前言

JavaScript是浏览器的内置脚本语言。当网页中嵌入了JavaScript脚本，浏览器加载网页时，就会执行脚本，从而操作浏览器，实现各种动态效果

JavaScript代码嵌入网页的方法

1、

function sayHello() {

alert("hello!");

}

2、

type属性

如果type属性的值，浏览器不认识，就不会执行其中的代码，所以可以在

defer属性

defer属性的运行流程：浏览器开始解析HTML网页

解析过程中，发现带有defer属性的

浏览器继续往下解析HTML网页，同时并行下载

浏览器完成解析HTML网页，此时再回过头执行已经下载完成的脚本

需要注意：异步加载资源

按照顺序执行脚本

使用defer加载的外部脚本不应该使用document.write方法

async属性

async属性的运行流程：浏览器开始解析HTML网页

解析过程中，发现带有async属性的

浏览器继续往下解析HTML网页，同时并行下载

脚本下载完成，浏览器暂停解析HTML网页，开始执行下载的脚本

脚本执行完毕，浏览器恢复解析HTML网页

需要注意：异步加载资源

并不会按照顺序执行JS，谁先下载完，谁就先执行

使用async加载的外部脚本不应该使用document.write方法

async和defer属性归纳都能解决“阻塞效应”

都是异步加载资源，但执行顺序不一样

如果脚本之间没有依赖关系，就使用async属性，如果脚本之间有依赖关系，就使用defer属性

动态生成脚本['a.js', 'b.js'].forEach(function(src) {

var script = document.createElement('script');

script.src = src;

script.async = false;

document.head.appendChild(script);

});不会阻塞页面渲染

async设置为false可以保证b.js在a.js后面执行

在这段代码后面加载的脚本文件，会等在b.ja执行完成后再执行

相关知识点总结包含在

无论以哪种方式嵌入代码，只要不存在defer和async属性，浏览器都会按照

加载外部脚本的优点：可维护性、可缓存、适应未来

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

以上就是在HTML中使用JS方法总结的详细内容，更多请关注php中文网其它相关文章！

声明：本文原创发布php中文网，转载请注明出处，感谢您的尊重！如有疑问，请联系admin@php.cn处理