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

【问题标题】：Create window popup with custom content instead of url?使用自定义内容而不是 url 创建窗口弹出窗口？
【发布时间】：2013-12-06 09:34:22
【问题描述】：

任何人都可以让我给出一个实现窗口弹出并访问父窗口的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 小提琴，但弹出窗口不起作用。有没有办法将自定义内容显示到弹出窗口而不是 url 并使用从主窗口到弹出窗口的 js 变量？（如何在父窗口中获取窗口弹出加载）。小提琴不起作用但这是代码 http://jsfiddle.net/6cpup/11/

【问题讨论】：

标签： javascript jquery html css popup

【解决方案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

【讨论】：