window的OPen方法,弹窗的特征

2024-01-01 17:32:10

一、介绍

window.open() 方法是 JavaScript 中的一个内置方法,用于在浏览器中打开一个新的窗口或标签页。

语法:

window.open(url, name, features, replace)

二、弹窗的特征

open方法参数说明:

参数说明
url要载入窗体的URL
name新建窗体的名称(目标,将在a 标签的target属性中用到,当与已有窗体名称相同时将覆盖窗体内容).open函数默认的打开窗体的方式为target的_blank弹出方式,因此页面都将以弹出的方式打开
features代表窗体特性的字符串,字符串中每个特性使用逗号分隔
replace一个布尔值,说明新载入的页面是否替换当前载入的页面,此参数通常不用指定

open函数features参数说明,如果不使用第三个参数,将打开一个新的普通窗口

参数名称类型说明
heightNumber设置窗体的高度,不能小于100
leftNumber说明创建窗体的左坐标,不能为负值
locationBoolean窗体是否显示地址栏,默认值为no
resizableBoolean窗体是否允许通过拖动边线调整大小,默认值为no
scrollbarsBoolean窗体中内部超出窗口可视范围时是否允许拖动,默认值为no
toolbarBoolean窗体是否显示工具栏,默认值为no
topNumber说明创建窗体的上坐标,不能为负值
statusBoolean窗体是否显示状态栏,默认值为no
widthNumber创建窗体的宽度,不能小于100

特性字符串中的每个特性使用逗号分隔,每个特性之间不允许有空格

代码演示:

 <html> 
  <head> 
  <script LANGUAGE="JavaScript"> 
  <!-- 
  function openwin() { 
  window.open ("index.html", "newwindow", "height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") //写成一行
  } 
  //--> 
  </script> 
  </head> 
  <body> 
  	<input type="button" value="弹出一个新的窗口" onclick="openwin()">
  </body> 
  </html> 

?最后?

🍒欢迎点赞 👍 收藏 ?留言评论 📝私信必回哟😁
🍒博主将持续更新学习记录收获,友友们有任何问题可以在评论区留言

文章来源:https://blog.csdn.net/qq_74095822/article/details/135326521
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。