Java自学者论坛

 找回密码
 立即注册

手机号码,快捷登录

恭喜Java自学者论坛(https://www.javazxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,会员资料板块,购买链接:点击进入购买VIP会员

JAVA高级面试进阶训练营视频教程

Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程Go语言视频零基础入门到精通Java架构师3期(课件+源码)
Java开发全终端实战租房项目视频教程SpringBoot2.X入门到高级使用教程大数据培训第六期全套视频教程深度学习(CNN RNN GAN)算法原理Java亿级流量电商系统视频教程
互联网架构师视频教程年薪50万Spark2.0从入门到精通年薪50万!人工智能学习路线教程年薪50万大数据入门到精通学习路线年薪50万机器学习入门到精通教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程MySQL入门到精通教程
查看: 916|回复: 0

解决document.write问题

[复制链接]
  • TA的每日心情
    奋斗
    5 天前
  • 签到天数: 741 天

    [LV.9]以坛为家II

    2037

    主题

    2095

    帖子

    70万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    703346
    发表于 2022-1-5 10:36:11 | 显示全部楼层 |阅读模式

          在载人页面后,浏览器输出流自动关闭;在此之后,任何一个对当前页面进行操作的document.write()方法将打开—个新的输出流。它将清除当前 页面内容(包括源文档的任何变量或值)、因此.假如希望用脚本生成的HTML替换当前页面,就必须把HTML内容连接起来赋给一个变量、使用一个 document.write()方法完成写操作,不必清除文档并打开一个新数据流,一个document.write()调用就可完成所有的操作。 

      关于document.write()方法还有一点要说明的是它的相关方法document.close()。脚本向窗口(不管是本窗口或其他窗口)写完 内容后.必须关闭输出流。在延时脚本的最后一个document.write()方法后面.必须确保含有document.close()方法,不这样做 就不能显示图片和表单。并且,任何后面调用的document.write()方法只会把内容追加到页面后,而不会清除现有内容来写入新值。

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    </head>
    <script>
    (function()
    {
    var isIE = !!( window.attachEvent && !window.opera );
    function $( id )
    {
      return document.getElementById( id ) || id;
    }

    function appendHTML( p, str )
    {
      p = $( p );
      var tmp = document.createElement( 'div' );
      tmp.innerHTML = str;
      while ( tmp.firstChild )
      {
        p.appendChild( tmp.firstChild );
      }
    }

    function each( a, func )
    {
      for ( var i = 0, j = a.length; i < j; i ++ )
      {
        func( i, a[ i ] );
      }
    }

    function eval_inner_JS( el )
    {
      var _write = document.write;
      var _writeln = document.writeln;

      document.write = function( str )
      {
        _inner_js.push( str );
      }

      document.writeln = function( str )
      {
        _inner_js.push( str + '\n' );
      }

      var _inner_js = [];
      var _js = $( el ).getElementsByTagName( 'script' );
      var _js_qu = [];
      each( _js, function( i, v )
      {
        _js_qu.push( v );
      });
      _js = null;
      function reset()
      {
        document.write = _write;
        document.writeln = _writeln;
      }

      function renderHTML( s )
      {
        if ( _inner_js.length !== 0 )
        {
          var tmp = document.createDocumentFragment();
          appendHTML( tmp, _inner_js.join( '' ) );
          s.parentNode.insertBefore( tmp, s );
        }
      }
      function loadJS()
      {
        var s = _js_qu.shift();
        if ( !s )
        {
          return;
        }
        _inner_js = [];

        if ( !s.src )
        {
          eval( s.innerHTML );
          renderHTML( s );
          loadJS();
          if ( !_js_qu ) reset();
          return;
        }

        function onload()
        {
          renderHTML( script );
          loadJS();
          if ( !_js_qu ) reset();
        }

        var script = document.createElement( 'script' );
        script.type = 'text/javascript';
        script.src = s.src;
        if ( isIE )
        {
          script.onreadystatechange = function()
          {
            if ( ( this.readyState == 'loaded' || this.readyState == 'complete' ) && !this.hasLoad )
            {
              this.hasLoad = true;
              onload();
            }
          }
        }else{
          script.onload = onload;
      }
    s.parentNode.replaceChild( script, s );
    }
    loadJS();
    };
    window.eval_inner_JS = eval_inner_JS;
    window.$ = $;
    })();
    </script>
    <body>
    <div id="test"></div>
    <script>
    $( 'test' ).innerHTML = [
    '<p>动感超人i</p>',
    '<script>document.write("aaa");</sc' + 'ript>',
    '<script>','document.write( \'<p>动感光波</p>\' );',
    '</s' + 'cript>'].join( '' );
    eval_inner_JS( 'test' );
    </script>
    </body>
    </html>

    哎...今天够累的,签到来了1...
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|小黑屋|Java自学者论坛 ( 声明:本站文章及资料整理自互联网,用于Java自学者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

    GMT+8, 2024-3-19 10:35 , Processed in 0.063585 second(s), 29 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表