window的OPen方法,弹窗的特征

文章目录

  • 一、介绍
  • 二、弹窗的特征

一、介绍

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

语法:

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

二、弹窗的特征

open方法参数说明:

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

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

参数名称 类型 说明
height Number 设置窗体的高度,不能小于100
left Number 说明创建窗体的左坐标,不能为负值
location Boolean 窗体是否显示地址栏,默认值为no
resizable Boolean 窗体是否允许通过拖动边线调整大小,默认值为no
scrollbars Boolean 窗体中内部超出窗口可视范围时是否允许拖动,默认值为no
toolbar Boolean 窗体是否显示工具栏,默认值为no
top Number 说明创建窗体的上坐标,不能为负值
status Boolean 窗体是否显示状态栏,默认值为no
width Number 创建窗体的宽度,不能小于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> 

⭐最后⭐

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

你可能感兴趣的:(javascript,css,前端,html)