当前位置:首页 > 日记 > 正文

动态加载脚本和样式的Javascript方法

动态加载脚本和样式的Javascript方法
动态脚本

当站点需要更改时,脚本需要逐渐变大,我们必须引入太多js脚本并降低整个站点的性能;

因此,动态脚本的概念被提出,相应的脚本在正确的时间加载。
1。js文件动态导入
var标志=真;
如果(标志){
Loadscript('browserdetect .js); / /呼叫功能,引入路径;
}
函数加载脚本(URL){
VaR脚本= document.createelement('script '); / /创建一个脚本标签;
script.type =中 / / / Javascript的;设置类型属性;
script.src =网址 / /网址的介绍;
document.getelementsbytagname(很){ 0 }。appendChild(脚本); / /脚本将在;
}
2。js代码的动态执行
VaR脚本= document.createelement('script);
script.type =中/ Javascript的;
var text = document.createtextnode(警报('lee)); / /设置脚本标签内容;即会报错;
script.appendchild(文本);
document.getelementsbytagname(很){ 0 }。appendChild(剧本);

:IE浏览器,脚本是一个特殊的元素,可以问子节点重新访问;
为了兼容,可以使用文本属性替换;
功能loadscriptstring(代码){
VaR脚本= document.createelement(脚本);
script.type =文本/ javascript;
尝试{
IE浏览器是脚本的一个特殊元素,不能再问子节点错误了;
script.appendchild(document.createtextnode(代码)); / / W3C;
} catch(前){
script.text =代码; / / IE;
}
document.body.appendchild(剧本);
}
调用;
LoadscriptString(功能sayhi(){ alert('嗨')});
两个动态风格

为了动态加载样式表,如开关部位皮肤;

有两种加载样式的方法,一种是标签,另一种是标签。

1。动态引入链接文件
var标志=真;
如果(标志){
LoadStyles(基本。CSS); / /呼叫功能,引入路径;
}
功能loadstyles(URL){
VaR链接= document.createelement('link);
link.rel = 'stylesheet;
link.type =中/ CSS的;
link.href =网址;
document.getelementsbytagname(很){ 0 }。appendChild(链接);
}
2。样式代码的动态执行
var标志=真;
如果(标志){
VaR的风格= docuemnt.createelement('style);
style.type =中/ CSS的;
document.getelementsbytagname(很){ 0 }。appendChild(风格);
InsertRule(文档样式表{ 0 },#盒子,背景:红',0);
}
功能insertrule(片、selectortext,csstext,位置){
如果不是IE / ;
如果(表。insertrule){
Sheet.insertRule(selectortext +{+ csstext +}
如果它是IE;
} else if(表。addrule){
Sheet.addRule(selectortext,csstext,位置);
}
}

的方式2 / /动态执行
功能loadstylestring(CSS){
VaR的风格= document.createelement(风格);
style.type =文本/ CSS;
尝试{
ie /错误;不允许向元素添加节点;
style.appendchild(document.createtextnode(CSS));
} catch(前){
在这个时候,样式表属性来访问元素的属性,有csstext属性可以接受的CSS代码;
style.stylesheet.csstext = CSS;
}
VaR的头= document.getelementsbytagname(头){ 0 };
head.appendchild(风格);
}
调用;
LoadStyleString(体{背景颜色:红} );

相关文章

非主流人格签名空间情绪情绪QQ人格

非主流人格签名空间情绪情绪QQ人格

空间,人格,非主流,情绪,电脑软件,许多人喜欢读一些文章,尤其是一些漂亮的套装和hellip;例如,悲伤的句子,优美的诗歌等!下面是小编的2015非主流个性签名空间,情绪,情感,QQ签名,欢迎阅读。 我曾试图责怪你自己恨你,但我不能离开它。 卸下伪装的盔甲,因为…

Javascript中正则表达式的简要说明

Javascript中正则表达式的简要说明

正则,表达式,简要,电脑软件,Javascript,正则表达式是描述字符模式的对象。 Javascript正则表达式类表示的正则表达式、字符串和正则表达式的定义,并使用正则表达式执行强大的模式匹配和搜索和替换文本的功能。 Grammar: 正则表达式可以用来构造…

PHP中包含文件变量域的讨论

PHP中包含文件变量域的讨论

变量,文件,电脑软件,PHP,在PHP中,我们有时需要一个包含文件,例如,前段时间我在一个框架中写,打算用原生PHP作为模板,然后写一个可以显示的模板文件,但这只是我的投票。 在编写之后,发现模板中的所有变量都没有定义。通过各种研究和搜索数据,总结了…

toString返回的时间()方法在Javascript是一

toString返回的时间()方法在Javascript是一

字符串,方法,是一个,时间,电脑软件,此方法返回表示指定日期对象的字符串。 语法 Date.toString() 下面是参数的详细信息: Na 返回值: 返回表示指定日期对象的字符串。 实例uff1a Javascript的ToString方法 VaR DateObject =新的日期(1993, 6, 28…

细胞分裂前细胞与细胞结合的作用是

细胞分裂前细胞与细胞结合的作用是

细胞,常见问题,作用,细胞分裂,词中,在Word2003,不意味着在分割合并单元格的什么它是做什么的我选择了,没有选择,好像什么都没有改变。请问这两个有什么区别图: 答案uff1a 此选项对拆分的单元格不起作用,这意味着在分割前选择的单元格合并到一个…

对setTimeout使用分析()和()清除定时器

对setTimeout使用分析()和()清除定时器

清除,电脑软件,setTimeout,JS,在本文中,使用的setTimeout()和()清除定时器JS分析。分享给你供你参考。具体分析如下: setTimeout()方法是用来调用函数或计算表达式指定的毫秒数后。 的清除定时器()方法可以取消暂停。通过setTimeout()方法 VaR iTime…

PS和ai深入挖掘图书馆的价值

PS和ai深入挖掘图书馆的价值

价值,图书馆,电脑软件,PS,ai,本教程是向朋友介绍PS和ai来挖掘你的图库的价值方法。这个教程真的很好。我建议像你这样的朋友可以和教程一起学习。 教程: 1。创建抽象向量梯度 2。使用智能对象和图层样式 三.使用网格 我们都知道截止日期是…

如何删除我收到的礼物QQ常见问题

如何删除我收到的礼物QQ常见问题

常见问题,删除,礼物,电脑软件,QQ,登录到你的QQ空间,点击个人中心;选择个人主页;赠送收到礼物;选择你需要删除的礼物,点击删除即可。 注意:礼品一经删除,就无法恢复。请小心操作。…

确保QQ聊天安全QQ安全的几个小技巧

确保QQ聊天安全QQ安全的几个小技巧

聊天,确保,几个,小技巧,电脑软件,QQ密码、个人资料和聊天记录的安全性是一个至关重要的问题。为了有效防止聊天记录等本地信息的丢失和覆盖,我们可以采取以下措施。 1。设置本地消息密码 首先,按下鼠标右键,从QQ图标中选择系统参数;在系统参…

实现多模板网站在Smarty在PHP中的

实现多模板网站在Smarty在PHP中的

方法,网站,多模,电脑软件,Smarty,本文介绍了Smarty实现了一个多模板网站PHP。分享给你供你参考。具体实现的方法如下: model1.htm代码模板: 模板1 1 |模板 2 |模板 模板3 { $标题} {内容} model2.htm代码模板: 模板2 1 |模板 2 |模板 模…

jQuery的简单实现方法的突出GridVi

jQuery的简单实现方法的突出GridVi

简单实现,方法,电脑软件,jQuery,GridView,本文说明了jQuery的简单实现突出GridView行方式。分享给你供你参考。具体实现的方法如下: $(# gridid TR:不(TR:最后一个孩子))。滤波器(函数(){(){) 返回$('td ',这个长度)!(}},这个长度)。 }Hover(函数(){) $(这)ToggleCl…

PS图象处理软件巧妙地将现实的别墅

PS图象处理软件巧妙地将现实的别墅

夜景,图象,处理软件,别墅,现实,本教程介绍朋友到PS图象处理软件,用两片材料合成逼真的别墅夜景效果的方法。本课程合成的别墅夜景非常漂亮,难度也不大,非常适合您学习和推荐。 本教程主要是用PS图象处理软件用两片材料合成逼真的夜间效果,将相…