jquery,引用外部js文件

JavaScript025

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通信了。

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<head>标签,输入jquery引用代码:

<script src="https://libs.baidu.com/jquery/2.0.0/jquery.js"></script>

3、浏览器运行index.html页面,此时发现jquery被成功引用加入了网页。