动态添加s 文件的方法

来源：互联网发布：c高级编程编辑：程序博客网时间：2024/06/05 03:57

script type="text/javascript" src="http://ext.weather.com.cn/8888.js"></script>

那么你的脚本应当为：

<!DOCTYPE>
<html>
  <head>
    <title></title>
  </head>
  <body>
    <div>
      <div id="gadgetContainer">
      </div>
    </div>
    <script type="text/javascript">
      window.loadGadget = function () {
        var codeUrl = 'http://ext.weather.com.cn/8888.js'
        var containerID = 'gadgetContainer'
        var s = document.createElement('script')
        s.type = 'text/javascript'
        s.src = codeUrl + '?target=' + containerID
        document.body.appendChild(s)
      }
      window.onload = window.onload ? function () {
        window.onload()
        window.loadGadget()
      } : window.loadGadget
    </script>
  </body>
</html>

当然您也可以将脚本存到外部.js文件中，那么您的页面看起来就会是这样：

<!DOCTYPE>
<html>
  <head>
    <title></title>
  </head>
  <body>    
    <div>
      <div id="gadgetContainer"></div>
    </div>
    <script type="text/javascript" src="lazyloadGadget.js"></script>
  </body>
</html>

而lazyloadGagdet.js中的代码是：

window.loadGadget = function () {
  var codeUrl = 'http://ext.weather.com.cn/8888.js'
  var containerID = 'gadgetContainer'
  var s = document.createElement('script')
  s.type = 'text/javascript'
  s.src = codeUrl + '?target=' + containerID
  document.body.appendChild(s)
}
window.onload = window.onload ? function () {
  window.onload()    
  window.loadGadget()
} : window.loadGadget

应当注意，请将延迟加载脚本放在紧贴body结束标签 </body> 之前！