小樱知识 > 生活常识js打开一个新窗口的语法（js确认框打开新窗口）

js打开一个新窗口的语法（js确认框打开新窗口）

提问时间：2022-03-16 11:56:17来源：小樱知识网

大家好！我是/小郑搞码事/的小郑

今天和大家分享一下JS如何操作浏览器窗口。只讲如何打开一个新窗口

先来看效果图

上面这个图界面效果就是我们要实现的。

我们常常需要创建一个新窗口，用来向用户显示额外的信息，同时又避免他们正在阅读的信息消失。从实现方案上来看，尽管我们可以用HTML打开一个新的浏览器窗口，但是使用JavaScript可以对新窗口的内容和特性进行更多的控制。

接下来，我们看一下怎么实现的

一、定义窗口打开函数

定义一个打开新窗口的函数newWindow。如上面代码所示，变量catWindow包含一个新的窗口对象，这个对象引用图像文件icon.png，这个新窗口的名称是catWin，必须设置名称，因为我们以后可能希望在a或另一个脚本中引用这个窗口。新窗口的宽度是350像素，高度是260像素，位置是左边400，上边400。

二、写一个调用函数

页面中，包含一个onload事件处理程序，它调用newWinLinks函数，newWinLinks循环遍历页面上的a，检查是否有任何a包含class属性值newWin。如果有，就设置这个a元素的onclick事件处理程序，从而，当点击这个a时，调用newWindow函数。

总结一下

需要注意两个地方：

1、newWindow中，在宽度和高度参数中的逗号之间不能有任何空格，如果有空格，那么脚本可能在某些浏览器中无效，总地来说，当脚本出现错误，需要进行高度时，要首先查找这样的小问题。

2、比如向窗口中添加参数时，希望窗口具有工具栏，地址栏，滚动条

toolbar=yes,location=yes,scrollbars=yes

参数默认是no，可以不填。当然浏览器上表现也有不同，需要知道。

以上内容就是为大家推荐的js打开一个新窗口的语法（js确认框打开新窗口）最佳回答，如果还想搜索其他问题，请收藏本网站或点击搜索更多问题

内容来源于网络仅供参考
二维码

扫一扫关注我们

版权声明：所有来源标注为小樱知识网www.xiaoyin02.com的内容版权均为本站所有，若您需要引用、转载，只需要注明来源及原文链接即可。

本文标题：js打开一个新窗口的语法（js确认框打开新窗口）

本文地址：https://www.xiaoyin02.com/shcs/115836.html

上一篇：cad模型空间设置比例（cad布局和视口使用教程）

下一篇：maven项目红色感叹号（在eclipse显示问号原因）

相关文章

|网站首页| 生活常识| 家务日常| 自然科学| 数码解读| 运动有氧| 家庭美食| 恋爱情感| 常见问题| 生肖运势|

本网站属于科学类内容，传达严谨、科学的内容，专门聚焦于生活中的常识误区为大家解决常识问题

Copyright © 2022 小桜知识网 版权所有 京ICP备2021039702号-11

中国互联网诚信示范企业违法和不良信息举报中心网络110报警服务中国互联网协会中国互联网协会信用评价中心诚信网站