代码之家  ›  专栏  ›  技术社区  ›  Jambobond

javascript-window.onload-将a的内容放入新窗口

  •  2
  • Jambobond  · 技术社区  · 16 年前

    我想写一个Java脚本:

    1. 当页面加载时获取 <div> 标签和
    2. 将该内容放在弹出页面上。

    对剧本有什么想法吗?

    我知道如何导航到元素,但不知道如何复制内容。

    DIV的内容如下

            <div id="validationDiv">
            <div id="ctl00_Main_OTClaim1_valControls" class="errorpanel" style="color:Red;">
            <ul><li>Approver Name - required field.</li><li>Week Commencing Date - required field.</li><li>Summary of Hours Worked must be completed.</li><li>At least one item must be claimed to proceed.</li></ul>
        </div>
        </div>
    

    其中valadation div包含我要复制到新窗口的内容

    干杯

    3 回复  |  直到 8 年前
        1
  •  5
  •   BeepBop    8 年前
    window.onload = function() {
    
      var el = document.getElementById("ctl00_Main_OTClaim1_valControls");
      var html = "";
    
      if (el) {
        html = document.getElementById("ctl00_Main_OTClaim1_valControls").innerHTML;
        var xopen = window.open("about:blank");
        xopen.document.write(html);
      }
    }
    

    ——更新

    window.onload = function() {
    
      var el = document.getElementById("ctl00_Main_OTClaim1_valControls"); //the element you want expanded
      var html = "";
    
      if (el) {
        html = el.innerHTML;
        var xopen = window.open("about:blank");
        xopen.document.write(html);
      }
    }
    
        2
  •  2
  •   Chris Van Opstal    16 年前

    像:

    var copy = document.getElementById("validationDiv").innerHTML;
    

    然后创建新窗口:

    var newWin = window.open("", "My window", "width=250,height=250,scrollbars=1,resizable=1")
    newWin.document.write("<html><head></head><body>" + copy + "</body></html>")
    
        3
  •  2
  •   karim79    16 年前

    类似:

    <script>
    window.onload = function() {
        my_window = window.open ("","mywindow1","status=1,width=350,height=150"); 
        my_window.document.write(document.getElementById('someDiv').innertHTML);  
    };
    </script>