当前位置: 首页 > 编程笔记 >

javascript 动态脚本添加的简单方法

傅志诚
2023-03-14
本文向大家介绍javascript 动态脚本添加的简单方法,包括了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>

以上就是小编为大家带来的javascript 动态脚本添加的简单方法全部内容了,希望大家多多支持小牛知识库~

 类似资料:
  • 本文向大家介绍Javascript 创建类并动态添加属性及方法的简单实现,包括了Javascript 创建类并动态添加属性及方法的简单实现的使用技巧和注意事项,需要的朋友参考一下 JavaScript 是一种很强的面向对象的语言,支持创建实例之后再添加属性和方法,虽然是小技巧,用的时候容易忘记,今天写了一个很小的例子,记录在这里,仅供参考。 一个小例子,高手勿喷,欢迎留言交流。 以上就是小编为大家

  • 本文向大家介绍JS动态给对象添加事件的简单方法,包括了JS动态给对象添加事件的简单方法的使用技巧和注意事项,需要的朋友参考一下 WEB项目中,我们常常会碰到要动态对相应的对象添加事件,如下,有id="txtPrice"的文本框控件: 现在我们为其动态添加一事件,JS核心代码如下: 【补充】 有时候为了实现不同浏览器之前的兼容,我们会这样写: 以上这篇JS动态给对象添加事件的简单方法就是小编分享给大

  • 本文向大家介绍如何在WordPress中添加简单的jQuery脚本?,包括了如何在WordPress中添加简单的jQuery脚本?的使用技巧和注意事项,需要的朋友参考一下 WordPress是一个开源CMS,用于开发动态网站。让我们学习如何将jQuery脚本添加到WordPress。在WordPress Theme 文件夹中,创建一个文件夹“ js”,然后在其中添加文件。该文件将是您的扩展名为“

  • 本文向大家介绍javascript动态添加删除tabs标签的方法,包括了javascript动态添加删除tabs标签的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript动态添加删除tabs标签的方法。分享给大家供大家参考。具体实现方法如下: 用到的图片title2_on_green.jpg <img alt="" src="http://p.blog.csdn.net

  • 本文向大家介绍JS脚本实现动态给标签控件添加事件的方法,包括了JS脚本实现动态给标签控件添加事件的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS脚本实现动态给标签控件添加事件的方法。分享给大家供大家参考,具体如下: PS:代码排版貌似不太尽如人意,这里小编给大家推荐几款代码格式化工具,相信在以后的编程开发中能够用得到: C语言风格/HTML/CSS/json代码格式化美化工具:

  • 问题内容: 剖析PHP脚本的最简单方法是什么? 我喜欢在上面显示一些内容,这些内容可以显示所有函数调用的转储以及它们花费了多长时间,但我也可以在特定函数周围添加一些内容。 我尝试使用microtime函数进行实验: 但这有时给我负面的结果。另外,在我的代码中撒满代码也很麻烦。 问题答案: 所述PECL APD扩展的使用如下: 之后,使用解析生成的文件。 输出示例: 警告:APD的最新版本为2004