window.open设置居中显示

可以使用以下代码将打开的窗口居中显示：

var w = 500; // 窗口的宽度
var h = 400; // 窗口的高度
var left = (screen.width / 2) - (w / 2);
var top = (screen.height / 2) - (h / 2);
var newWindow = window.open('http://www.example.com', 'example', 'width=' + w + ',height=' + h + ',left=' + left + ',top=' + top);

其中，`screen.width`和`screen.height`分别表示屏幕的宽度和高度。通过计算窗口左上角的位置，可以使窗口居中显示。将计算出的`left`和`top`值传递给`window.open`函数的第三个参数即可。

相关问题

使用layout实现window.open的效果

首先需要明确一点，`window.open` 是 JavaScript 中的一个方法，用于在新窗口或标签页中打开一个指定的 URL。而 Layout（布局）是指 HTML 和 CSS 中用于控制页面元素排版和样式的技术。

因此，要实现 `window.open` 的效果，需要结合 JavaScript 和 HTML/CSS 布局。以下是一种实现方式：

1. HTML 布局

在 HTML 中创建两个 `div` 元素，一个用于放置主窗口内容，一个用于放置弹出窗口内容，如下所示：

<div class="main-window">
  <!-- 主窗口内容 -->
</div>

<div class="popup-window hidden">
  <!-- 弹出窗口内容 -->
</div>

其中，`.main-window` 和 `.popup-window` 分别表示主窗口和弹出窗口的样式类名。`.hidden` 是另一个样式类，用于将元素隐藏，后面会用到。

2. CSS 布局

使用 CSS 对两个 `div` 元素进行布局，如下所示：

.main-window {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.popup-window {
  width: 400px;
  height: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

其中，`.main-window` 元素的宽度和高度设置为 100%，使其占据整个页面。使用 `position: absolute` 将其定位到页面左上角，并设置 `z-index: 1` 使其在弹出窗口下方。`.popup-window` 元素的宽度和高度设置为固定值，使用 `position: absolute` 将其定位到页面中心，并使用 `transform: translate(-50%, -50%)` 居中显示，同时设置 `z-index: 2` 使其在主窗口上方。

3. JavaScript 实现

使用 JavaScript 监听某个事件（例如点击按钮），触发弹出窗口的显示。在弹出窗口显示时，将 `.popup-window` 元素的 `hidden` 样式类移除即可。隐藏弹出窗口时，再次添加 `hidden` 样式类即可。

const popupWindow = document.querySelector('.popup-window');

// 监听按钮点击事件
button.addEventListener('click', () => {
  // 显示弹出窗口
  popupWindow.classList.remove('hidden');
});

// 隐藏弹出窗口
function hidePopupWindow() {
  popupWindow.classList.add('hidden');
}

以上就是一种使用 HTML/CSS 布局和 JavaScript 实现 `window.open` 的效果的方法。需要注意的是，此方法只是一种简单的实现，如果需要更多的功能和效果，还需要进行进一步的优化和调整。

js open打开新窗口并居中

可以使用以下代码来打开一个新窗口并居中：

var url = "https://www.example.com";
var width = 600;
var height = 400;
var left = (window.screen.width - width) / 2;
var top = (window.screen.height - height) / 2;

window.open(url, "", "width=" + width + ",height=" + height + ",left=" + left + ",top=" + top);

在这个例子中，我们先定义了要打开的URL，然后指定了新窗口的宽度和高度。接下来，我们计算了窗口应该居中所需的左侧和顶部距离，并将这些值传递给 `window.open()` 方法中的 `left` 和 `top` 参数。

最后，我们使用 `window.open()` 方法打开新窗口，并将其命名为空字符串（这将使新窗口没有标题）。`width`，`height`，`left`和`top`参数将被传递给新窗口，以确定其大小和位置。