JavaScript中的load事件的作用_第4节 使用Javascript

如果使用JavaScript，在哪里使用JavaScript？这节课我们来研究这些知识点。

在哪里使用：

在

在外部的js文件中：

在HTML元素的事件属性中：

Web前端开发

零点网络-王唯

在超接的href属性中：

零点网络

推荐使用外部文件：

在HTML中嵌入Javascript代码虽然没有问题，但一般认为最好的做法还是尽可能使用外部文件来包含Javascript代码；不过，并不存在必须使用外部文件的硬性规定，但使用外部文件很如下优点：

a.可维护性：在HTML页面不同的位置插入Javascript代码，体现不了代码分享的思想；如果使用外部文件，维护起来也非常方便；而且开发人员可以在不触及HTML的情况下，集中精力编写Javascript代码；

b.可缓存：浏览器能够根据具体的设置缓存链接的所有外部Javascript文件；也就是说，如果有两个页面都使用同一个文件，那么这个文件只需要下载一次；因此，最终结果就是能够加快页面加载的速度；

如何触发：

代码从上向下解析，会自动触发；事件触发；

如何输出：

网页输出：document.write(“str”);

弹出框：alert(“str”)；

控制台输出：console.log(“str”);

代码位置：

按照传统的做法，所有字符串，如：alert(“”);会产生错误，因为按解析嵌入式代码的规则，当浏览器遇到字符串时，就会认为那是结束的标签；可以通过转义字符“”解决，如：alert("");

如果要通过

与解析嵌入式Javascript代码一样，在解析外部Javascript文件(包括下载该文件)时，页面的处理也会暂时停止。

按照惯例，外部Javascript文件带有js扩展名；但这个扩展名不是必需的，因为浏览器不会检查包含Javascript文件的扩展名；这样一来，使用JSP、PHP或者其他服务器端语言动态生成Javascript代码也就成为了可能；但是，服务器通常还是需要看扩展名决定为响应应用哪种MIME类型；如果不使用js扩展名，请确保服务器返回正确的MIME类型；

注：在使用src引用外部Javascript文件的

说明：以上的js文件会被延迟到