JavaScript教程:[1]动态加载脚本

在HTML里边,被标签<script>围住的代码就是脚本,有时候javascript代码直接写在<script>标签内,有时候是在外部引入的,当页面(HTML)加载时脚本不存在,然后在某一时刻通过修改DOM动态加载脚本,这时候就称为动态加载了。下边介绍一下

方法/步骤

 
  1.  

    首先创建<script>元素,使用document.creeateElement("script")进行创建。

    JavaScript教程:[1]动态加载脚本
  2.  

    给script节点添加属性。type属性为text/javascript

    JavaScript教程:[1]动态加载脚本
  3.  

    在<script>标签内添加text属性,可以使用两个方式

    第一种:使用createTextNode()方法,不过该方法不支持IE

    JavaScript教程:[1]动态加载脚本
  4.  

    第二种,使用script.text方法,该方法支持IE

    JavaScript教程:[1]动态加载脚本
  5.  

    最后,将script元素添加到body下作为子节点,使用appendChild()

    JavaScript教程:[1]动态加载脚本
  6. 6

    总体运行代码可以写成为这样这样有效的解决了IE和其他浏览器不统一的规范问题。

    JavaScript教程:[1]动态加载脚本
posted @ 2016-12-15 14:42  DemiGoo  阅读(126)  评论(0编辑  收藏  举报