zoukankan      html  css  js  c++  java
  • 动态加载script文件的两种方法

    第一种就是利用ajax方式,把script文件代码从后台加载到前台,然后对加载到的内容通过eval()执行代码。第二种是,动态创建一个script标签,设置其src属性,通过把script标签插入到页面head来加载js,相当于在head中写了一个<script src="..."></script>,只不过这个script标签是用js动态创建的 
    比如说是我们要动态地加载一个callbakc.js,我们就需要这样一个script标签: 

    复制代码代码如下:
    <script type="text/javascript" src="call.js"></script> 


    如下代码就是如何通过js来创建这个标签(并且加到head中): 

    复制代码代码如下:
    var head= document.getElementsByTagName('head')[0];  var script= document.createElement('script');  script.type= 'text/javascript';  script.src= 'call.js';  head.appendChild(script); 


    当加载完call.js, 我们就要调用其中的方法。不过在header.appendChild(script)之后我们不能马上调用其中的js。因为浏览器是异步加载这个js的,我们不知道他什么时候加载完。然而我们可以通过监听事件的办法来判断helper.js是否加载完成。(假设call.js中有一个callback方法) 

    复制代码代码如下:
    var head= document.getElementsByTagName('head')[0];  var script= document.createElement('script');  script.type= 'text/javascript';  script.onreadystatechange= function () {  if (this.readyState == 'complete')  callback();  }  script.onload= function(){  callback();  }  script.src= 'helper.js';  head.appendChild(script); 
  • 相关阅读:
    JVM实战---类加载的过程
    MobaXterm:远程终端登录软件封神选手
    Linux内核实战(二)- 操作系统概览
    Linux再学习(一)-学习路线规划
    Flink实战(八)
    Docker实战之Redis-Cluster集群
    通过乐观锁解决库存超卖的问题
    Docker实战之MySQL主从复制
    JVM类加载器是否可以加载自定义的String
    设计模式--单例
  • 原文地址:https://www.cnblogs.com/huahua-1022/p/5959239.html
Copyright © 2011-2022 走看看