如果内容是动态的,如何在打开窗口后重新加载窗口

How to reload a window after window open if content is coming dynamic?

本文关键字:新加载 开窗口 窗口 加载 动态 如果      更新时间:2023-09-26

我正在研究一个项目,我在javascript中创建一些元素并分配一个variable,当我单击一个按钮而不是打开一个window并在我的新window中写入变量值,然后我需要重新加载我的window,但如果我reload我的window然后变量写不显示在我的新window。如何做到这一点?

我的代码如下

$(document).ready(function() {
  $('#preview').click(function() {
    var newForm = "<h2>Rohit Azad</h2>"; // here coming variable data 
    var myWindow = window.open('', " form preview", "width=200, height=400", '_blank');
    myWindow.document.write(newForm);
    myWindow.location.reload();
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<button id="preview">CLick here</button>

演示

在上面,如果你点击按钮,一个新的窗口将打开,我的变量写在那里,但当我使用myWindow.location.reload();重新加载它时,变量消失了。

尝试:

$(document).ready(function(){
;
    $('#preview').click(function(){
        var newForm = "<h2>Rohit Azad</h2>";
        var myWindow = window.open('', " form preview", "width=200, height=400", '_blank');
        myWindow.document.write(newForm);
        myWindow.opener.location.reload();
    });

});

opener属性返回对创建该窗口的窗口的引用。即使在使用window.open()方法打开窗口时,您也可以从目标窗口使用此属性来返回源(父)窗口的详细信息。参见:http://www.w3schools.com/jsref/prop_win_opener.asp

js fiddle http://jsfiddle.net/dqss4fuL/6/

要重新加载窗口,可以使用

myWindow.location.href=myWindow.location.href;