window.open()

1、使用格式

方法主要时用来打开URL,并设置打开的窗口样式

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

2、参数解析

参数名作用例子
url要打开的URL地址https://www.baidu.com/
name(可选)在哪里打开_blank 代表新窗口
features(可选)窗口样式top,left代表坐标;width,height表示长宽
replace(可选)没啥用

3、例子

window.open(lnk,"_blank","top=80,left=100,width=1700,height=770,menubar=yes,scrollbars=no,toolbar=no,status=no");

作用是,打开一个,X坐标为80,Y坐标为100,长为770,宽为1700,menubar=yes不显示菜单栏;scrollbars=no内容过长不给滚动;status=no不显示状态栏

4、图示

如图一个简单的html文件,第一个按钮设置点击事件

---

鼠标单击第一个按钮,弹出百度的框

在这里插入图片描述

5、实操反思

代码中设置了弹框的XY轴位置,但是怎么这个框左边没有留下80px的空间呢?
可能是太宽了,把width设置为800px试试,如图:
正常了

在这里插入图片描述

好像toolbar=no没生效,不是说内容过长,不给滚动么?
设height=470看看。
依旧可以正常上下滚动,没啥用

在这里插入图片描述

到这里了,够用了,后面用到再查资料

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值