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

Javascript:使用window.open使用多个按钮启动模式窗口,javascript,window.open,Javascript,Window.open,我写了一个函数,允许点击按钮打开窗口。它很好用。但是,我希望能够将此代码应用于多个按钮,而无需使用新名称反复创建函数。以下是我最初拥有的: 函数脚本: function poponload() { testwindow = window.open("http://www.google.com", "mywindow", "location=1,status=1,scrollbars=1,width=500,height=500"); testwindow.moveTo(100,

我写了一个函数,允许点击按钮打开窗口。它很好用。但是,我希望能够将此代码应用于多个按钮,而无需使用新名称反复创建函数。以下是我最初拥有的:

函数脚本:

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()" />
<input type="image" src="assets/buttons/pillButton_Process.png" onclick="javascript: poponload(http://www.google.com)" /
按钮:

<input type="image" src="assets/buttons/pillButton_Process.png" onclick="javascript: poponload()" />
<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时,这次把它括起来,这样你传递的是字符串而不是变量


这里有一个,您可以看到它正在工作。

将您的功能更改为:

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时,这次把它括起来,这样你传递的是字符串而不是变量


这里有一个,您可以看到它正在工作。

第二个
参数在
窗口中。打开
窗口名
,将名称作为变量传递。 更改
方法,如下所示

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');" />

第二个
参数
窗口中。打开
窗口名称
,将名称作为变量传递。 更改
方法,如下所示

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');" />

不客气。如果它解决了你的问题,请考虑接受这个答案。不客气。如果它解决了你的问题,请考虑接受这个答案。