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

Create window popup with custom content instead of url?

本文关键字：创建 url 窗口 自定义      更新时间：2024-03-26

任何人都让我给出一个实现窗口弹出的想法，并访问父窗口的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变量从主窗口到弹出窗口？（如何在父窗口中加载弹出窗口）。Fiddle不起作用但这是代码http://jsfiddle.net/6cpup/11/

编辑：

我认为这是因为你错误地打开了窗口，看看这个jsFiddle

 var w = window.open('', "", "width=600, height=400, scrollbars=yes");
    //alert(ICJX_JXPath);
 var html = $("#modeltext").html();
 $(w.document.body).html(html);

对于带有自定义HTML的弹出窗口，请查看此答案在插入HTML的JavaScript中打开窗口

相关文章：