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

最新推荐文章于 2024-04-26 16:47:03 发布

weixin_30699463

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量535

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/cui-ting/p/11454728.html

版权

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() 参考上面的参考链接

转载于:https://www.cnblogs.com/cui-ting/p/11454728.html

weixin_30699463

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面动态加入<script>标签并执行代码

https://www.cnblogs.com/lvdabao/p/4253704.html1、document.write()1）使用此方法插入的script标签，会被紧跟着放到承载document.write()方法的script标签后面，<!DOCTYPE html><html lang="en"><head> ...
复制链接

扫一扫