要从两个不同的页面引用弹出窗口,您可以使用JavaScript编写一个函数,该函数可以在两个页面上使用,以创建一个弹出窗口。以下是一个简单的示例:
function openPopup(url) {
var popupWidth = 500;
var popupHeight = 500;
var left = (window.screen.width / 2) - (popupWidth / 2);
var top = (window.screen.height / 2) - (popupHeight / 2);
window.open(
url,
"popupWindow",
"width=" + popupWidth + ",height=" + popupHeight + ",top=" + top + ",left=" + left
);
}
在这个函数中,我们定义了弹出窗口的宽度、高度和位置。然后,我们使用window.open()
方法打开一个新的窗口,该方法需要三个参数:要打开的URL、窗口名称和窗口特性。
要在两个不同的页面上使用此函数,您可以将其放在一个JavaScript文件中,并在两个页面上包含该文件。例如,您可以创建一个名为popup.js
的文件,并将上述代码放入其中。然后,在您的HTML文件中,您可以使用以下代码包含该文件:
接下来,您可以在两个页面上使用openPopup()
函数,并传递要在弹出窗口中打开的URL。例如:
这将在单击按钮时打开一个新的弹出窗口,其中包含https://www.example.com
页面的内容。您可以在两个不同的页面上使用此按钮,以从两个不同的页面引用弹出窗口。
领取专属 10元无门槛券
手把手带您无忧上云