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

  • 相关阅读:
    方法的封装与调用(十)
    适配器设计模式及GenericServlet(九)
    错误页设置,设置HTTP状态码404,500(八)
    设置默认首页(七)
    ServletContext接口(六)
    javax.servlet.ServletConfig接口(五)
    C语言第2天基本运算
    再议extern和include的作用
    C语言中的++和--
    C语言培训第一天
  • 原文地址:https://www.cnblogs.com/cui-ting/p/11454728.html
Copyright © 2011-2022 走看看