广州凡科互联网科技有限公司

营业时间
MON-SAT 9:00-18:00

全国服务热线
18720358503

公司门店地址
广州市海珠区工业大道北67号凤凰创意园

整部剧都用抠图—凤岗英文企业网站建设,凤岗大

日期:2021-02-09 浏览:

动态性性加载外部css或js文本文档 发布時间: 关键词:凤岗英文企业网站建设,凤岗大中小型互连网公司 目前 5619 人浏览

动态性性加载外部css或js文本文档

  基本概念剖析:第一步:运用dom创建 script 或者 link 标志,并给他们们们附加特点,如type等第二步:运用appendChild方法把标志关系到此外一个标志,一般为绑到 head .
  应用:

1、提高编号的反复应用,减少编号量;

2、再加一个javascript控制器和 session可以进行动态性性变更网页页面网页页面样式;

3、由于是网页页面网页页面是之上到下依次加载文本文档的,并且边加载边描述,因而可以再加javascript控制器控制网页页面网页页面文本文档的加载顺序,如先加载css有效合理布局文本文档,再显示信息信息内容有相片的css清除文本文档,之后再加载大的falsh文本文档,或者安内容的重要性来加载。

  阅读文章文章内容提示:e文不大好的初学者可以马上看中文,接着拷贝编号试验下。
[标识:內容1]

  To load a .js or .css file dynamically, in a nutshell, it means using DOM methods to first create a swanky new "script" or "LINK" element, assign it the appropriate attributes, and finally, use element.appendChild() to add the element to the desired location within the document tree. It sounds a lot more fancy than it really is. Lets see how it all comes together: 

  接下来的工作中中是关系到 head 标志。关系的状况下有一个难点就是同一个文本文档有可能被大伙儿关系两次,关系两次浏览器也不会出现出現出现异常,但是高效率率就低了。便于避免

  这种情况大伙儿可以提升一个全局性性数据动能数字能量数组变量,严格把关联的文本文档名字存储在里面,每一次关系前先检查一下不是是早就存在,倘若存在就提示早就存在,倘若不容易有就关系。

以下是引进片段:
document.getElementsByTagName("head")[0].appendChild(fileref)


  By referencing the HEAD element of the page first and then calling appendChild(), this means the newly created element is added to the very end of the HEAD tag. Furthermore, you should be aware that no existing element is harmed in the adding of the new element- that is to say, if you call loadjscssfile("myscript.js", "js") twice, you now end up with two new "script" elements both pointing to the same Javascript file. This is problematic only from an efficiency standpoint, as you'll be adding redundant elements to the page and using unnecessary browser memory in the process. A simple way to prevent the same file from being added more than once is to keep track of the files added by loadjscssfile(), and only load a file if it's new:

以下是引进片段:
var filesadded="" //存储早就关系文本文档名字的数据动能数字能量数组变量
function checkloadjscssfile(filename, filetype){
if (filesadded.indexOf("["+filename+"]")==-1){// indexOf辨别数据动能数字能量数组里不是是有某一项
  loadjscssfile(filename, filetype)
  filesadded+="["+filename+"]" //把文本文档名字再加到filesadded
}
else
  alert("file already added!")//倘若早就存在就提示
}
checkloadjscssfile("myscript.js", "js") //success
checkloadjscssfile("myscript.js", "js") //redundant file, so file not added


  Here I'm just crudely detecting to see if a file that's set to be added already exists within a list of added files' names stored in variable filesadded before deciding whether to proceed or not.

  Ok, moving on, sometimes the situation may require that you actually remove or replace an added .js or .css file. Lets see how that's done next.


以下是引进片段:
function loadjscssfile(filename, filetype){
if (filetype=="js"){ //辨别文本文档类型
  var fileref=document.createElement('script')//创建标志
  fileref.setAttribute("type","text/javascript")//定义特点type的标值text/javascript
  fileref.setAttribute("src", filename)//文本文档的详尽详细地址
}
else if (filetype=="css"){ //辨别文本文档类型
  var fileref=document.createElement("link")
  fileref.setAttribute("rel", "stylesheet")
  fileref.setAttribute("type", "text/css") 
  fileref.setAttribute("href", filename)
}
if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)

loadjscssfile("myscript.js", "js") //打开网页页面网页页面时浏览器动态性性的加载文本文档
loadjscssfile("javascript.php", "js") // 打开网页页面网页页面时浏览器动态性性的加载"javascript.php" ,
loadjscssfile("mystyle.css", "css") //打开网页页面网页页面时浏览器动态性性的加载.css 文本文档


 

注:原文中来源于于深一团队原创或转截 07551/newslist_635_2.html 如需转截,请标出出處!上一条:下一条:



网站知识

联系方式丨CONTACT

  • 全国热线:18720358503
  • 传真热线:18720358503
  • Q Q咨询:2639601583
  • 企业邮箱:2639601583@qq.com

首页
电话
短信
联系