首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何从两个不同的页面引用弹出窗口?

要从两个不同的页面引用弹出窗口,您可以使用JavaScript编写一个函数,该函数可以在两个页面上使用,以创建一个弹出窗口。以下是一个简单的示例:

代码语言: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文件中,您可以使用以下代码包含该文件:

代码语言:html<script src="popup.js"></script>
复制

接下来,您可以在两个页面上使用openPopup()函数,并传递要在弹出窗口中打开的URL。例如:

代码语言:html<button onclick="openPopup('https://www.example.com')">打开弹出窗口</button>
复制

这将在单击按钮时打开一个新的弹出窗口,其中包含https://www.example.com页面的内容。您可以在两个不同的页面上使用此按钮,以从两个不同的页面引用弹出窗口。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券