如果内容动态，如何在窗口打开后重新加载窗口？

Question

我正在开发一个项目，我在 javascript 中创建了一些元素并指定了variable，当我点击一个按钮而不是打开一个window 1}}并在我的新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();

DEMO HERE

如果点击按钮，上面的小提琴会打开一个新窗口并且我的变量会写在那里，但是当我使用<input type="text" name="anrede" value=""/><br/> <input type="button" id="new" value="new_function"/><br/> <input type="radio" name="sex" id="Herr" value="male">Male<br/> <input type="radio" name="sex" id="Ferr" value="female">Female<br/> $("#new").on("click",function(){ if($('input[name="anrede"]').val() == 'Herr') { $("#Herr").prop("checked", true) } else { $("#Ferr").prop("checked", true) } }); 重新加载它时，变量就会消失。

Answer 1

尝试：

$(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/

Answer 2

要重新加载窗口，您可以使用

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