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

如何在Javascript中指定位置的其他屏幕中打开新窗口?

在JavaScript中,您可以使用window.open()方法在新屏幕中打开一个新窗口,并指定其位置

代码语言:javascript
复制
function openWindowOnSecondScreen() {
  // 获取所有屏幕的信息
  const screensInfo = window.screen;
  let secondScreen;

  // 如果有多个屏幕,找到第二个屏幕
  if (screensInfo.length > 1) {
    secondScreen = screensInfo[1];
  } else {
    alert('只有一个屏幕,无法在新屏幕中打开窗口。');
    return;
  }

  // 计算第二个屏幕的位置
  const leftPosition = secondScreen.availLeft;
  const topPosition = secondScreen.availTop;
  const width = secondScreen.availWidth;
  const height = secondScreen.avientHeight;

  // 在第二个屏幕中打开新窗口
  const newWindow = window.open("", "_blank", `width=${width},height=${height},left=${leftPosition},top=${topPosition}`);
  newWindow.focus();
}

// 调用函数
openWindowOnSecondScreen();

此代码片段首先获取所有屏幕的信息,然后找到第二个屏幕并计算其位置。接下来,它使用window.open()方法在新屏幕中打开一个新窗口,并设置其大小和位置。

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

相关·内容

【Java 进阶篇】JavaScript BOM(浏览器对象模型)详解

BOM,即浏览器对象模型(Browser Object Model),是JavaScript与浏览器之间接口,它允许JavaScript与浏览器进行交互,实现访问和控制浏览器窗口、文档和其他浏览器功能功能...本文将详细介绍BOM各个方面,包括窗口对象、定时器、历史记录、位置信息等,并提供示例代码来帮助您更好地理解和运用BOM。 1. 窗口对象 窗口对象是BOM核心,它代表浏览器打开窗口或选项卡。...const newWindow = window.open('https://www.example.com', '新窗口', 'width=400,height=300'); 上述代码会在浏览器打开一个新窗口...屏幕信息 screen对象包含有关用户屏幕信息,屏幕宽度、高度、颜色深度等。...总结 BOM是JavaScript与浏览器交互重要部分,它允许您控制窗口大小、位置、导航,使用定时器执行代码,管理历史记录,获取位置信息,打开弹出窗口,访问屏幕信息,以及读取和写入Cookie。

60820
  • JavaScrtip之JS最佳实践

    (url,name,features); 这个方法有三个参数: url:新窗口打开网页url地址。...如果省略这个参数(这个参数为空),屏幕上将弹出一个空白浏览器窗口。 name:新窗口名字。...featrues:这个参数是以逗号分隔一个字符串,他内容是新窗口各种属性,新窗口宽,高,以及新窗口被启用或禁用各种浏览器各种浏览功能(工具条、菜单条、初始显示位置等等); open()方法是使用...2.合理合并脚本固然重要,脚本在html文档放置位置同样重要,因为每款浏览器都有他"并发请求数",意思是同一时间针对同一域名请求有数量限制,超过限制数目后,其余请求会被阻止,如果我们将脚本文件放到...五、脚本压缩 在写完了脚本,做了优化,而且将他放到文档合适位置后,还有一件事可以加快下载速度:压缩脚本文件; 所以我们开发应该至少有两个版本,一个是开发中用包含注释,另一个是运行用压缩版。

    2.1K50

    JavaScript 高级程序设计(第 4 版)- BOM

    window 对象在浏览器中有两重身份,一个是 ECMAScript Global 对象,另一个就是浏览器窗口 JavaScript 接口。...self 和 window实际是同一个对象,之所以暴露self,是为了和top、parent保持一致) # 窗口位置与象素比 screenLeft和screenTop属性用于表示窗口相对于屏幕左侧和顶部位置...# 导航与打开新窗口 window.open()可以用于导航到指定URL,也可以用于打开新浏览器窗口 接收四个参数:要加载URL、目标窗口、特性字符串和表示新窗口在浏览器历史记录是否代替当前加载页面的布尔值...弹出窗口 window.open()第二个参数不是已有窗口,则会打开一个新窗口或标签页 第三个参数即特性字符串,用于指定新窗口配置 如果不指定这会带所有默认浏览器特性 如果打开不是新窗口,...则忽略第三个参数 window.open()返回一个对新建窗口引用,可以以此控制新窗口 可以用close()关闭新打开窗口 新建窗口window对象有一个属性opener,指向打开窗口 窗口不会跟踪记录自己打开新窗口

    1.2K10

    JavaScriptwindow.open()和Window Location href区别

    window.open是用来打开一个新窗口函数! 2.window.open不一定是打开一个新窗口!!!!!!!!...、下拉列表和DIV等做链接时一般都要用Javascript来完成,和做普通链接一样,可能我们需要让链接页面在当前窗口打开,也可能需要在新窗口打开,这时我们就可以使用下面两项之一来完成: window.open...","_top"); 5:是否打开其他网站地址 window.open()是可以在一个网站上打开另外一个网站地址 而window.location()是只能在一个网站打开本网站网页 window.open...我们来定制这个弹出窗口外观,尺寸大小,弹出位置以适应该页面的具体情况。      <!...窗口宽度;   top=0 窗口距离屏幕上方象素值;   left=0 窗口距离屏幕左侧象素值;   toolbar=no 是否显示工具栏,yes为显示;   menubar,scrollbars

    2.3K51

    JavaScript(14)

    打开和关闭窗口 在JavaScript打开和关闭新窗口,这是很常见一种操作。...在绿叶学习网JavaScript在线测试工具,当点击“调试代码”按钮时,就会打开一个新窗口,并把HTML文档输出到新页面中去。...1、JavaScript打开窗口 在JavaScript,我们可以使用window对象open()方法来打开一个新窗口。...下面举几个常用窗口打开例子: (1)打开一个新窗口: window.open("http://www.lvyestudy.com","",""); 上面是打开一个新窗口,并且在新窗口加载绿叶学习网首页...(2)打开一个指定位置窗口: window.open("http://www.lvyestudy.com ","","top=200,left=200"); (3)打开一个指定大小窗口: window.open

    54120

    JavaScriptwindow.open()和Window Location href区别「建议收藏」

    不一定是打开一个新窗口!!!!!!!!...:在框架内指定页面打开连接 5:是否打开其他网站地址 6:window.open()经过设置后弹出窗口 7:用函数控制弹出窗口: 8 :同时弹出两个窗口 9: 【弹出窗口之定时关闭控制】   ...window.open是用来打开一个新窗口函数! 2.window.open不一定是打开一个新窗口!!!!!!!!...单元格、下拉列表和DIV等做链接时一般都要用Javascript来完成,和做普通链接一样,可能我们需要让链接页面在当前窗口打开,也可能需要在新窗口打开,这时我们就可以使用下面两项之一来完成:...你网址”,”_top”); 5:是否打开其他网站地址 window.open()是可以在一个网站上打开另外一个网站地址 而window.location()是只能在一个网站打开本网站网页

    5K20

    JavaScript - Window.open 弹窗 详解

    弹窗 window.open( ) , 它会打开一个指定URL 新窗口。 浏览器会打开一个新选项卡URL,而不是独立窗口。...params: 新窗口配置字符串。它包括设置,用逗号分隔。参数之间不能有空格,例如:width=200,height=100。 params 设置项: 位置: left/top(数字)—— 屏幕上窗口左上角坐标。这有一个限制:不能将新窗口置于屏幕外(offscreen)。 width/height(数字)—— 新窗口宽度和高度。...弹窗是一个独立窗口,具有自己独立 JavaScript 环境。因此,使用弹窗打开一个不信任第三方网站是安全。...opener 只在弹出窗口最外层 window 对象(top)定义,而且指向调用 window.open() 方法窗口或框架。

    1.2K20

    Visual Studio Code 1.67调整文件嵌套、Markdown导航

    编辑器现在支持在Markdown文件查找头文件所有引用,允许开发人员查看当前工作空间中使用给定头文件所有位置,包括来自其他Markdown文件链接。...重命名头将更新当前工作区中指向该头所有已知链接,而重命名引用链接将更新当前文件所有引用链接。此外,还可以通过将文件从资源管理器拖放到Markdown编辑器来创建Markdown链接。...Visual Studio Code 1.67其他新特性和改进: Java扩展包Java语言服务现在支持嵌入提示,以显示方法签名参数名称。...设置编辑器搜索控件在右侧添加了一个漏斗按钮,以显示可以应用到搜索查询过滤结果过滤器列表。 Visual Studio Code for the Web现在支持新窗口打开项目。...这将选择器行为与其他版本VS Code保持一致,并取代了在新窗口打开快速选择项目按钮 当使用大型存储库时,untrackedChanges设置为隐藏将体验到更好性能。github。

    27030

    原 八、BOM

    在浏览器,window对象有双重角色,它既是通过JavaScript访问浏览器窗口一个接口,又是ECMAScript规定Global对象。...3、窗口位置 screenLeft 和 screenTop:分别用于表示窗口相对于屏幕左边和上边位置。...; } 6、间歇调用和超时调用 间歇调用:setInterval() 超时调用:setTimeout() //经过1s后alert不一执行(因为JavaScript是一个单线程序解析器),这段代码是告诉...本章讨论了下列BOM组成部分。 在使用框架时,每个框架都有自己 window 对象以及所有原生构造函数及其他函数副本。每个框架都保存在 frames 集合,可以通过位置或通过名称来访问。...到底提供哪些信息,很大程度上取决于用户浏览器;不过,也有一些公共属性( userAgent )存在于所有浏览器。 BOM还有两个对象: screen 和 history,但它们功能有限。

    87250

    浅淡HTML5移动Web开发

    dpi 作为目标 dp,不发生默认缩放,而后面的三个是指dpi取值在一范围表示。...别急,慢慢来,现在就介绍如何在样式运用,按照上述屏幕分辨率四种划分,我们可以看到基本可以舍弃ldpi了。 /* 中分辨率屏幕 */ ? /*高分辨率屏幕*/ ?...另外,除了inputtype新增量类别,还增加一些很实用属性,placeholder,我们知道,input我们常常会默认一些文案,当用户输入时候会自动清除,html5之前我们是靠javascript...(5)、iOS可禁止用户在新窗口打开页面 在项目开发,有时我们需要某个链接在当前页面打开,这样需要禁止用户在新窗口打开页面,我们可以使用a标签target=”_self”指定在当前页面打开,但是在iOS...中长按链接一段时间后,系统会弹出一个对话框,用户可以通过点击”在新页面打开”来在新窗口打开页面,这样我们指定target属性就失效了,但是可以通过指定当前元素-webkit-touch-callout

    2.4K50

    JavaScript脚本语言入门(下)

    2.JavaScript常用事件 事件 触发事件 onabort 对象载入被中断时触发 onblur 元素或窗口失去焦点时触发 onchange 改变元素选项或其他表单元素失去焦点,并且在其获取焦点后内容发生过改变时触发...指定方式主要由以下两种: 1.在JavaScriptJavaScript调用事件处理程序,首先需要获得要处理对象引用,然后将要执行处理函数赋值给对应事件。...,只需要在HTML标记添加相应事件,并在其中指定要执行代码或函数名即可。...在多数平台上,这将使窗口移动到最前面 open() 打开一个新窗口 scrollTo(x,y) 将窗口滚动到x,y坐标指定位置 scrollBy(offsetx,sffsety) 按照指定位移量滚动窗口...>标记对 bold() 为字符串对象内容两边加上HTML标记对 charAt(index) 返回字符串对象中指定索引号字符组成字符串,位置有效值为0到字符串长度减1

    1.5K10

    JavaScript交互式网页设计 • 【第3章 JavaScript浏览器对象模型】

    open() 方法和 close() 方法用于打开和关闭窗口 open方法第一个参数是新窗口URL,第二个参数是给新窗口命名,第三个参数是设置新窗口特征 名称 说明 height、width 窗口文档显示区高度...、宽度,单位为像素 left、top 窗口与屏幕左边、顶端距离,单位为像素 示例:制作一个从天而降广告页面,打开主页面时,广告页面也随之打开   <script type="text...<em>打开</em>一个指定<em>位置</em><em>的</em>页面 可以使用 history.go(-1) 和 history.go(1) 代替 histroy.back() 和 history.forward() 示例:使用history...示例:使用screen对象<em>中</em><em>的</em>属性获取访问者<em>的</em><em>屏幕</em>信息 你<em>的</em><em>屏幕</em>:       document.write(...<em>如</em>发现本站有涉嫌侵权/违法违规<em>的</em>内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    79210

    关闭浏览器后,Cryptojacking脚本却仍在运行

    网站运营商将新窗口隐藏在Windows任务栏下 网站所有者还能通过JavaScript代码在用户电脑上调整窗口大小和位置。...塞古拉(一个门户网站)使用下面的公式动态计算这个新窗口位置: 水平位置=(当前屏幕宽度) - 100px 垂直位置=(当前屏幕高度) - 40px 对于大多数用户来说,这只会在Windows任务栏下显示一个小窗口...然后,这个隐藏窗口就会加载一段JavaScript代码。这段代码是Coinhive 内置在浏览器一个挖矿脚本,它可以利用用户CPU资源来挖掘Monero加密货币。...新窗口难找,但容易关闭 如果用户操作系统界面使用了透明度接口的话,就只有在Windows任务管理器才能找到该进程。...此外,脚本与其他大多数挖矿程序不同,它没有利用用户全部CPU功率,而是将其活动限制在一个较低值,期望不会使用户计算机变得卡顿。

    1K90

    JavaScript学习总结(六)

    在浏览器对象模型,把浏览器各个部分都用了一个对象进行描述,如果我们要操作浏览器一些属性,就可以通过浏览器对象模型对象进行操作 下面我们来介绍一下浏览器对象模型基本对象: window 代表了一个新开窗口...screen 代表了整个屏幕对象 window对象常用方法 //open() 打开一个新窗口(参数一:打开地址,参数二:是否为新浏览器窗口,参数三:新窗口属性,参数四:用来替代地址)...(100,0);//谷歌浏览器貌似不支持了 //moveTo() 将窗口左上角屏幕位置移动到指定 x 和 y 位置。...焦点相关: onblur 在对象失去输入焦点时触发。 onfocus 当对象获得焦点时触发。 其他: onchange 当对象或选中区内容改变时触发。...+""); 这一讲我们学习是BOM(浏览器对象模型) 从下一节开始,我们将开始学习JavaScript最后一个部分,DOM编程。

    81720

    新窗口创建问题 | Electron 安全

    是可以配置安全策略,也就是说有可能执行 Node.js window.open 打开窗口配置优先级为(向下递减) 在 webContents.setWindowOpenHandler 中指选项...同时将 WebPreferences 一部分拿出来,也作为快捷配置,例如 zoomFactor nodeIntegration preload javascript contextIsolation...最小要求值为 100 4) left 或 screenX 指定从用户操作系统定义工作区左侧到新窗口生成位置距离(以像素为单位) 5) top 或 screenY 指定从用户操作系统定义工作区顶部到新窗口生成位置距离...父窗口禁用 Javascript打开 window 中将被始终禁用 非标准功能 (不由 Chromium 或 Electron 提供) 给定 features 将传递给注册 webContents...(标签、窗口或 iframe) 打开地址可以是 http(s) 这种web地址,也可以是本地路径和其他协议地址,如果攻击者能够控制 url ,是可能结合 URI scheme 方面的漏洞实现全安全策略下渲染进程发起

    49010
    领券