在html页面怎样引入jQuery文件库?

html-css06

在html页面怎样引入jQuery文件库?,第1张

调用jquery的方法:

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

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

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

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

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

建议直接使用在线前端库,有免费的CDN加速,加载jQuery会更快

<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>

(function() {

var jsfiles = new Array(

"script/jquery.js",

"script/aaa.js"

)

var agent = navigator.userAgent

var docWrite = (agent.match("MSIE") || agent.match("Safari"))

if(docWrite) {

var allScriptTags = new Array(jsfiles.length)

}

var host = "lib/"   //文件的所在目录

for (var i=0, len=jsfiles.lengthi<leni++) {

if (docWrite) {

allScriptTags[i] = "<script src='" + host + jsfiles[i] +

"'><&#47script>"

} else {

var s = document.createElement("script")

s.src = host + jsfiles[i]

var h = document.getElementsByTagName("head").length ?

document.getElementsByTagName("head")[0] :

document.body

h.appendChild(s)

}

}

if (docWrite) {

document.write(allScriptTags.join(""))

}

})()

试试吧~这个是通过 js引用 JS的方法,需要引用的JS放到数组里就行了 jsfiles