【问题标题】:Open Popup window using javascript [closed]使用javascript打开弹出窗口[关闭]
【发布时间】:2023-04-03 18:15:01
【问题描述】:

我希望同时在两个不同的弹出窗口中打开一个 aspx 页面 (test.aspx)。

到目前为止,我拥有的第二个替换第一个并首先重新创建页面。

我认为这里需要进一步澄清,

基本上我会创建一个图表并将其放在 test.aspx 中, 并将该图保存为图像文件。 我在 test.aspx 上放了一个按钮,它与 stimulsoft 报告链接,该报告显示该图像的 pdf 格式。 现在,如果我用 test.aspx 打开它会替换图像页面。但我想同时查看图形和pdf。 一种解决方案是我创建一个新的空白 aspx 页面来显示报告,但我尽量避免添加新页面,因为可以在 test.aspx 上安装报告。

问题只是同时打开一个 POPUP 窗口两次,但可能与否。并且每个弹出窗口都包含自己的动态控件和报告,例如 mrt。

【问题讨论】:

标签: javascript


【解决方案1】:

在两个不同的调用中更改窗口名称:

function popitup(url,windowName) {
       newwindow=window.open(url,windowName,'height=200,width=150');
       if (window.focus) {newwindow.focus()}
       return false;
     }

当您打开具有相同 url 的新窗口时,windowName 必须是唯一的,否则将刷新相同的窗口。

【讨论】:

  • 我已经尝试过了,但是没有用。谢谢 Umesh
  • 在 url 的查询字符串末尾添加一些随机值 - var noCache = '&x=' + new Date().getMilliseconds();
  • 是的,我尝试这样做。谢谢
  • 我接受这一点,但它仍然没有什么问题。但我认为这是最好的一个。谢谢 Umesh
  • 你应该使用 8 和像素宽度。
【解决方案2】:

要创建弹出窗口,您需要以下脚本:

<script language="javascript" type="text/javascript">

function popitup(url) {
newwindow=window.open(url,'name','height=200,width=150');
if (window.focus) {newwindow.focus()}
return false;
}


</script>

然后,您通过以下方式链接到它:

  <a href="popupex.html" onclick="return popitup('popupex.html')">Link to popup</a>

如果您愿意,您也可以直接从 document.ready 调用该函数。或者可能来自另一个函数。

【讨论】:

  • 谢谢,但我已经将该脚本放入我的代码中。但不同的是我想同时在 2 个弹出窗口中打开相同的 aspx 页面。
  • 可以给页面的url,调用两次函数
  • 是的,我试过了,但它又在第一个窗口中打开了....:(
  • 重要的是它第二次用于显示PDF文件。
  • “它再次在第一个窗口中打开”是什么意思?你能显示一个快照或什么的。我使用了这个脚本,它工作正常
【解决方案3】:

第一点是 - 在可用性方面显示多个弹出窗口是不可取的。

但你可以通过使用多个弹出名称来实现它

var newwindow;
function createPop(url, name)
{    
   newwindow=window.open(url,name,'width=560,height=340,toolbar=0,menubar=0,location=0');  
   if (window.focus) {newwindow.focus()}
}

更好的方法是在两个不同的 iFrame 或 Div 的单个页面中显示两者。

更新:

所以我会建议在test.aspx页面新建一个tab来显示报告,而不是替换图片内容并放置pdf。

【讨论】:

  • 不,为我的代码打开此页面没有任何问题窗口也是如此,但我尝试保留第一页并在第二页打开报告。基本上是因为 url 我得到了问题但正在寻找解决方案。谢谢狼
  • 我想我现在得到了你的问题。更新了我的答案
  • 我没有得到如何在弹出窗口中创建标签?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-11-08
相关资源
最近更新 更多