web前端|js教程
javascript,动态加载
web前端-js教程
一个比较全部在动态加方法
wordpress 防源码抓取,ubuntu如何运行cgi,app爬虫视频课程,php屏蔽 ip,辽宁网络seolzw
/*
动态加载js v1.0 by:dum
用法:src="webJsBase.js?load=a,b"
注:加载本目录下js
*/
var webJsBase = {
require: function(libraryName) {
document.write(\);
},
load: function(defaultLoad) {
if((typeof Prototype==undefined)||(typeof Element == undefined)||(typeof Element.Methods==undefined))
throw (prototype lib 加载失败!);
if(typeof defaultLoad==undefined)defaultLoad=\;
var js = /webJsBase.js(?.*)?$/;
$$(head script[src]).findAll(function(s) {
return s.src.match(js);
}).each(function(s) {
var path = s.src.replace(js, \);
var includes = s.src.match(/?.*load=([a-zA-Z0-9_,]*)/);
(includes ? includes[1] : defaultLoad).split(,).each(function(include) {
webJsBase.require(path + include + .js);
});
});
}
};
webJsBase.load(); //这里参数可以指定默认要加载的js文件
这是最简单的方法在加载完后再利用直接document.write 如下图。
android热门应用开发详解 源码,vscode增加配置,ubuntu线程怎么看,打开tomcat地址,sqlite 唯一值,织梦 上传插件下载地址,前端技术框架图教程,爬虫软件怎么检查,php 5 下载,seo玫瑰花市场分析,信箱网站源码下载,用html制作网页实例,帝国7.2网站模板,php 页面浏览次数代码,cms内容管理系统是什么意思,thinkphp5万能门店小程序lzw
document.write("");
给script加个id再去动态改变已有script的src 属性
cc网络验证源码,vscode配置vue,ubuntu安装完整qemu,lunix运行tomcat,sqlite 通用类 c,html音乐代码插件下载地址,前端页面层次框架,京东反爬虫图片,php 跨站php,搜易达seo软件,网站模板免费下载jsp,网页 调用摄像头,国微学校站群模板下载地址,页面滑动切换,银行管理系统 winform 数据库表,微信小程序356同城联盟lzw
s1.src="test.js"
这里利用getElementsByTagName(‘HEAD’)动态创建 script元素
var oHead = document.getElementsByTagName(HEAD).item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="test.js";
oHead.appendChild( oScript);
还可以这样尝试一下,自定一个函数
function include(src) {
HTMLCode = \;
document.write(HTMLCode);
}
调用方法,这样看上去就你php的include函数了
include(baseDir + "/Prototype.js");
include(baseDir + "/Map.js");
include(baseDir + "/MapEvent.js");
include(baseDir + "/model/MapModel.js");
include(baseDir + "/model/MapType.js");
include(baseDir + "/model/Tile.js");
还有朋友说可以使用ExtJs4 动态加载js这里我就不介绍了,上面的方法足够让你实现动态加载js了.
所以在采用这类方法动态加载Js 的同时,主界面的Js脚本是继续执行的,所以可能出现通过异步加载的Js代码得不到预期的效果的情况。
这时候可以考虑采用Ajax加载Js的方法。