zoukankan      html  css  js  c++  java
  • 页面动态加入<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="100%;height:300px;background-color:red;background:url(静态页面/易聊官网首页/images/sy-banner.jpg) no-repeat center">
            <!-- <div style="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()   参考上面的参考链接

  • 相关阅读:
    (转)二步实现 远程连接 阿里云SqlServer 2012 数据库服务器
    浅谈C#在网络波动时防重复提交
    面向 Kubernetes 编程: Kubernetes 是下一代操作系统
    C#并行编程(2):.NET线程池
    C#并行编程(1):理解并行
    iOS 动画总结----UIView动画
    iOS开发之各种动画各种页面切面效果
    iOS动画效果和实现
    iOS开发动画(Animation)总结
    iOS开发之传感器
  • 原文地址:https://www.cnblogs.com/cui-ting/p/11454728.html
Copyright © 2011-2022 走看看