怎么在网页中通过jQuery动态加载js代码

JavaScript020

怎么在网页中通过jQuery动态加载js代码,第1张

用JQ自带的AJAX来动态加载你想要的JS文件

$.getScript("这是你的JS名字.js", function(){

  alert("这是JS加载完了成功的回调函数")

})

这是动态加载的JS文件，ajax必须要有环境才能运行

一、Jquery动态加载Js和Css扩展方法

$.extend({

includePath: '',

include: function(file) {

var files = typeof file == "string" ? [file]:file

for (var i = 0i <files.lengthi++) {

var name = files[i].replace(/^\s|\s$/g, "")

var att = name.split('.')

var ext = att[att.length - 1].toLowerCase()

var isCSS = ext == "css"

var tag = isCSS ? "link" : "script"

var attr = isCSS ? " type='text/css' rel='stylesheet' " : " language='javascript' type='text/javascript' "

var link = (isCSS ? "href" : "src") + "='" + $.includePath + name + "'"

if ($(tag + "[" + link + "]").length == 0) document.write("<" + tag + attr + link + "></" + tag + ">")

}

}

})

二、使用方法：

$.include('dedeajax.js')

$.include('android.css')

或者：

$.includePath='www/html/'

$.include([dedeajax.js','android.css'])

1.可以动态添加多个下拉框,可减少下拉框

2.选中第一个下拉框的任意一个值，同时第三个下拉框的值跟着改变，显示对应的数据。

ps:what?光动态添加就足以。。。。赋值还不能直接赋，而是添加下拉时就赋值。。。。。经过百般折磨，头发掉了n根，最终通过巧妙的思路解决了，在此记录下。若对你有所帮助，点赞加关注吧！后续及时更新。

第一个下拉选项显示

选择下拉项，同时加载数据到第三个下拉框

注：在这里直接去掉了第二行的标签

为了获取改变数据的行，试了很久，动态生成的下拉框无法获取到索引，所以才想到了使用id，并且给id后加一个数字