页面动态加入<script>标签并执行代码

https://www.cnblogs.com/lvdabao/p/4253704.html

1、document.write() 

1）使用此方法插入的script标签，会被紧跟着放到承载document.write()方法的script标签后面，

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        var a = "<script src=\"https://cdn.staticfile.org/jquery/1.2/jquery.min.js\"><\/script>"
        document.write(a);
    </script>
</head>
<body>   
    <div style="width:100%;height:300px;background-color:red;background:url(静态页面/易聊官网首页/images/sy-banner.jpg) no-repeat center">
        <!-- <div style="width:1200px;height:200px;background-color:blue;margin:0 auto"></div> -->
    </div>
<script>
    var a = "<script src=\"https://cdn.staticfile.org/jquery/1.2/jquery.min.js\"><\/script>"
    document.write(a);
</script>
</body>
</html>

 

实际显示效果

 

注意如果页面已经加载完毕  ，再调用document.write() 方法会，替换掉原来页面的所有内容！！但是在页面正常加载过程中调用是没有问题的！

所以如果你想替换掉原来的内容，只能在事件中调用document.write()方法,因为事件是在页面加载完成后执行的（例如onclick、onload等），同理window.open也是要在页面加载后才能执行的。

window.close()则不用等到页面加载完成执行，只要执行到它就会立刻执行。

2、document.writeln()   它和document.write()的区别：两者都是JavaScript向客户端输出的方法，对比可知写法上的差别是一个ln--line的简写，换言之，writeln 方法是以行输出的，相当于在 winte 输出后加上一个换行符。 

3、evel()   参考上面的参考链接

4、创建script元素，然后插入指定位置

5、jquery的html()   参考上面的参考链接

posted @ 2019-09-03 18:27  大哥成  阅读(1668)  评论(0)  编辑  收藏  举报