为了优化网站性能,也方便代码管理。经常在html文件中引入外部的js文件。引用方法有以下几种:
第一种:在需要调用其他文件的js代码首部添加如下代码:
document.write("<script language=javascript src='event.js'></script>");
第二种:DOM动态添加
script=document.createElement(”script”);
script.setAttribute(”type”,”text/javascript”);
script.setAttribute(”src”,”event.js”);
document.body.appendChild(script);
注:如果后续的js代码依赖于引用的外部js文件中的变量,则需要将外部js文件插入到body中的第一个<script>标签前面。
document.body.insertBefore(script,document.getElementsByTagName("script")[0]);