zoukankan      html  css  js  c++  java
  • Dynamically loading an external JavaScript or CSS file

    原文:   Dynamically loading an external JavaScript or CSS file

     

    通过javascript动态加载css文件和javascript文件,主要是通过javascript在HTML的Head标签中间插入下面的代码,达到引入css和javascript效果

    <link href="SNJStyles.css" type="text/css" rel="stylesheet">

    <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>

    实现代码:

     1 function loadjscssfile(filename, filetype){
     2  if (filetype=="js"){ //if filename is a external JavaScript file
     3   var fileref=document.createElement('script')
     4   fileref.setAttribute("type","text/javascript")
     5   fileref.setAttribute("src", filename)
     6  }
     7  else if (filetype=="css"){ //if filename is an external CSS file
     8   var fileref=document.createElement("link")
     9   fileref.setAttribute("rel", "stylesheet")
    10   fileref.setAttribute("type", "text/css")
    11   fileref.setAttribute("href", filename)
    12  }
    13  if (typeof fileref!="undefined")
    14   document.getElementsByTagName("head")[0].appendChild(fileref)
    15 }
    16 
    17 // 使用例子
    18 loadjscssfile("myscript.js", "js") //dynamically load and add this .js file
    19 loadjscssfile("javascript.php", "js") //dynamically load "javascript.php" as a JavaScript file
    20 loadjscssfile("mystyle.css", "css") ////dynamically load and add this .css file
  • 相关阅读:
    JS client(X,Y)、screen(X,Y)、page(X,Y)的区别
    jS冒泡优化
    CSS盒子模型
    CSS段落对齐方式
    CSS引入方式
    CSS/让一个盒子消失的5中方法
    css垂直居中方法
    【数论】BSGS
    【线段树】树套树 树状数组套主席树
    【树】动态树 LCT
  • 原文地址:https://www.cnblogs.com/sun_moon_earth/p/3296868.html
Copyright © 2011-2022 走看看