“使用JavaScript打开具有自定义尺寸和位置的新窗口的实现方法“

异想实验室

于 2023-07-22 23:18:38 发布

阅读量360

点赞数

文章标签： javascript 数据库开发语言

异想实验室

本文链接：https://blog.csdn.net/weixin_43775400/article/details/131874086

版权

该代码示例展示了如何使用JavaScript的window.open方法打开一个具有特定宽度和高度的新窗口，并计算出窗口在屏幕中的理想位置。通过定义变量url、width、height、left和top，然后结合屏幕尺寸进行计算，确保新窗口在屏幕中央。

摘要由CSDN通过智能技术生成

代码实现方式：

// 定义要打开的网址
var url = "https://www.baidu.com"; 

// 定义窗口宽度（以像素为单位）
var width = 450;  

// 定义窗口高度（以像素为单位）
var height = 700;  

// 获取屏幕的宽度和高度
var screenWidth = window.screen.width;
var screenHeight = window.screen.height;

// 计算新窗口的左上角坐标
var left = Math.round((screenWidth - width) / 2);
var top = Math.round((screenHeight - height) / 2);

// 打开新窗口并设置尺寸和位置
window.open(url, "_blank", "width=" + width + ", height=" + height + ", left=" + left + ", top=" + top);

定义了要打开的网址，即"https://www.baidu.com"。
分别定义了窗口的宽度和高度，分别为450像素和700像素。
通过window.screen.width和window.screen.height获取了屏幕的宽度和高度。
通过计算屏幕宽度减去窗口宽度，并除以2，得到新窗口的左上角横坐标；同理，计算屏幕高度减去窗口高度，并除以2，得到新窗口的左上角纵坐标。
使用window.open()方法打开一个新窗口，并设置新窗口的尺寸和位置。传入的参数分别为要打开的网址、窗口的目标类型（"_blank"表示在新窗口中打开）、以字符串形式传入的尺寸和位置参数。

以上代码的作用是打开一个具有指定尺寸和位置的新窗口，其中尺寸由width和height变量定义，位置由计算得到的left和top值决定。