(1)在html文件的head中添加代码,例如:
<script src="../js/jquery-1.7.1min.js"></script>(src是js文件的路径)
(2)也可以把js文件直接拖进html页面
科普:JS一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
下面介绍三种异步执行加载Js 脚本的方法。1、直接document.write
<script language="javascript">
document.write("<script src='test.js'><\/script>")
</script>
2、动态改变已有script的src 属性
<script src='' id="s1"></script>
<script language="javascript">
s1.src="test.js"
</script>
3、动态创建 script元素
<script>
var oHead = document.getElementsByTagName('HEAD').item(0)
var oScript= document.createElement("script")
oScript.type = "text/javascript"
oScript.src="test.js"
oHead.appendChild( oScript)
</script>
注 ,
这三种方法都是异步的,所以在采用这类方法动态加载Js 的同时,主界面的Js脚本是继续执行的,所以可能出现通过异步加载的Js代码得不到预期的效果的情况。这时候可以考虑采用Ajax加载Js的方法。
大概原理 :用XMLHTTP取得要脚本的内容,再创建 Script 对象。另外注意编码的保持一致。因为服务器与XML使用UTF8编码传送数据。
HTML页面里想要插入js需要使用script标签。在一对script标签中间写你想要插入的js代码就行,而这一对script标签可以放到head之间,也可以放到body之间,这是直接在页面写的方法,另一种方法是引入外部的js文件,同样使用script,这时不在该标签之间写代码,而是通过src=“js文件路径”引入,通常为了页面简洁常用外部引入的方法。