页面动态加入<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 @   大哥成  阅读(1743)  评论(0)  编辑  收藏  举报
编辑推荐：
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行：
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
点击右上角即可分享
微信分享提示