zoukankan      html  css  js  c++  java
  • javascript 动态脚本添加

    异步加载js文件或者异步加载js模块,支持所有浏览器,包括IE,参考至javascript高级编程

    1.createScript方法用于创建一个script标签并添加到body标签中

    2.createModule方法用于创建一个script脚本的标签,并且如果在IE8以下的版本运行会抛出异常,在异常捕获模块中执行script.text兼容IE添加js的脚本内容。

      <button id="demo">js文件</button>
        <button id="demo1">js模块</button>
        <script type="text/javascript">
            //异步加载文件,支持所有浏览器
            document.getElementById("demo").onclick = function () {
                createScript("../../js/jquery-1.8.3.min.js");
            }
    
            function createScript(url) {
                var script = document.createElement("script");
                script.type = "text/javascript";
                script.src = url;
                document.body.appendChild(script);
            }
    
    
            //这里首先会尝试标准的DOM方法,因为除了IE(在IE中会抛出错误),所有浏览器都支持这种方法,如果抛出错误则说明是IE,于是就必须使用tezt属性了
            document.getElementById("demo1").onclick = function () {
                createModule("function sayHi(){alert('Hi !')}");
            }
    
            function createModule(code) {
                var script = document.createElement("script");
                script.type = "text/javascript";
                try {
                    script.appendChild(document.createTextNode(code));
                } catch (ex) {
                    script.text(code);
                }
                document.body.appendChild(script);
            }
        </script>
  • 相关阅读:
    Docker 笔记
    Win10 Docker 安装使用
    golang struct转map
    Golang 中错误与异常需要重新认识
    Golang 中三种读取文件发放性能对比
    GoLang中如何使用多参数属性传参
    GoLang中flag标签使用
    Windows本地搭建Edusoho环境
    edusoho上传视频弹出abort之解决方案
    XAMPP启动mysql遇到的问题
  • 原文地址:https://www.cnblogs.com/lmyt/p/5947397.html
Copyright © 2011-2022 走看看