jquery,引用外部js文件

JavaScript017

jquery,引用外部js文件,第1张

1、将js文件保存到某个固定地方

2、在jsp页面,通过如下语句来调用js文件:

3、src即为jquery所能调用的js文件。

1.js

其中1.html代码如下:

如要测试还需要加上jquery.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>

其实原理就是利用dom动态的引入一个js到文件中来,就能和原有的js通信了。

在网上如何引入jquery文件可用以下方法:

1、在 header 中添加”JavaScript code?1<script type="text/javascript" src="jquery-1.4.2.min.js"></script>“即可。

2、也可以使用Google托管的版本:http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js