javascript - 使用自定义内容而不是 url 创建弹出窗口？

Question

任何人都可以让我给出实现窗口弹出和访问父窗口的 js 变量以弹出带有自定义内容的窗口的想法。

<div id="modeltext" style="display:none">
    <p id="linker" ></p>
    <script type="text/javascript">
        var news = "http://google.com";
        jQuery(document).ready(function() {
        jQuery('#linker').html("<a href="+news+">"+news+"</a>");
        });
    </script>
    This is for testing according to the concept.

</div>
<a href="#" id="testing" >Open a popup window</a>

JS:

jQuery('#testing').click(function() {

  var w = window.open($('', "", "width=600, height=400, scrollbars=yes"));
        alert(news);


        var $w = $(w.document.body);

        $w.html($('#modelText').html());
});

例如:

假设我有一组段落和简单的 html 表单。如果有人单击来自父级的链接，例如 (Open in New Window)。我想加载自定义内容而不是 url，而且我无法访问弹出窗口的 js 变量值。不确定有什么建议会很好。我尝试提供 js fiddle ，但弹出窗口不起作用。有没有一种方法可以将自定义内容显示到弹出窗口而不是 url 并使用从主窗口到弹出窗口的 js 变量？(如何在父窗口中加载窗口弹出窗口)。 fiddle 不工作但这是代码 http://jsfiddle.net/6cpup/11/

Answer 1

编辑:

我认为是你开窗不正确造成的，查看this jsFiddle

 var w = window.open('', "", "width=600, height=400, scrollbars=yes");
    //alert(ICJX_JXPath);

 var html = $("#modeltext").html();

 $(w.document.body).html(html);

对于带有自定义 HTML 的弹出窗口，请查看此答案 Open window in JavaScript with HTML inserted