js文件如何引入jquery

JavaScript022

js文件如何引入jquery,第1张

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

可以使用JavaScript的navigator对象来判断浏览器,然后根据不同的浏览器来决定是否引入jQuery。

例如:

if (navigator.userAgent.indexOf("MSIE") >0) {

// 加载jQuery

document.write('<script src="jquery.js"></script>')

}

调用jquery的方法:

1、到jquery官网下载jquery文件到本地,然后使用相对路径引用。

2、直接通过jquery文件的url引用网上的jquery文件。

jquery是结构化的开源js文件,按照js文件引用方式使用。下面我们来看一下调用jquery的方法。

1、可以到jQuery官网下载js文件到项目中,然后使用相对路径引用:;

2、直接引用网上现有的js文件