如何将当前页面内容附加到另一个页面?

时间:2015-08-27 06:59:13

标签: javascript jquery html

我必须将页面一个是源页面另一个是复制,我需要将一些div元素传递给其他页面体。我做了一半,这里我使用了setTimeOut函数 没有超时功能怎么办? 和浏览器应显示网址。

源页面:

<html>
    <head>        
        <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js"></script>
    </head>
    <body>

        <script>
            function copyCon(){

            var p = document.getElementById("1");
            var p_prime = p.cloneNode(true);
            var w    = window.open('printcopy.html');

            setTimeout(function(){ 
                w.document.body.appendChild(p_prime);
            }, 1000);
            }

        </script>

        <button onclick="copyCon()">copy </button>
        <div id = "1" style="width: 500px; height: 500px; border: 1px solid black; position: relative">

            <h3> this is a test heading </h3>
            <p style="top: 60px; left: 20px; position: absolute;"> test Paragraph</p>

            <input type="text" style="position: absolute; top: 40px; left: 20px"/>

        </div>

    </body>
</html>

复制:

<html>
    <head>
    </head>
    <body>        
    </body> </html>

有没有办法访问复制页面的元素和执行功能?

1 个答案:

答案 0 :(得分:0)

我自己找到了解决方案

function copyCon(){


   var w    = window.open('printcopy.html');
   w.onload = function(){
     var p = document.getElementById("1");
     var p_prime = p.cloneNode(true);
     w.document.body.appendChild(p_prime);
   };
 }

感谢支持