Javascript:使用window.open使用多个按钮启动模式窗口

Javascript: Using window.open to initiate modal windows using multiple buttons

本文关键字：按钮 启动 模式 窗口 使用 window open Javascript      更新时间：2023-09-26

我写了一个函数，允许"点击"按钮打开窗口。它运行良好。然而，我希望能够将此代码应用于多个按钮，而无需使用新名称反复重新创建函数。这是我最初拥有的：

函数脚本：

function poponload()
{
    testwindow = window.open("http://www.google.com", "mywindow", "location=1,status=1,scrollbars=1,width=500,height=500");
    testwindow.moveTo(100, 100);
}

按钮：

<input type="image" src="assets/buttons/pillButton_Process.png" onclick="javascript: poponload()" />

这就是我现在拥有的：

function poponload(url)
{
    testwindow = window.open("url", "mywindow", "location=1,status=1,scrollbars=1,width=500,height=500");
    testwindow.moveTo(100, 100);
}

按钮：

<input type="image" src="assets/buttons/pillButton_Process.png" onclick="javascript: poponload(http://www.google.com)" /

将函数更改为：

function poponload(url)
{
    testwindow = window.open(url, "mywindow", "location=1,status=1,scrollbars=1,width=500,height=500");
    testwindow.moveTo(100, 100);
}

当你在"url"周围加引号时，你传递的是字符串"url"，而不是变量。

并从您的按钮调用函数，如：

<input type="image" src="assets/buttons/pillButton_Process.png" onclick="poponload('http://www.google.com')" />

不需要在onclick调用中保留"javascript:"部分，这是隐含的。当你传递url时，这次用引号把它括起来，这样你就可以传递字符串而不是变量。

这里有一个jsFiddle，您可以看到它在工作。

second parameter在window.open中是window name，将名称作为变量传递。将method更改为以下

function poponload(url, name){
    testwindow = window.open(url, name, "location=1,status=1,scrollbars=1,width=500,height=500");
    testwindow.moveTo(100, 100);
}

和HTML:将名称传递给方法

<input type="image" src="assets/buttons/pillButton_Process.png 
                                        onclick="poponload('my_url','my_name');" />
相关文章：