window.location.href和window.open窗口跳转区别解析

2023-12-01 0 545
目录
  • 一、直接跳转式
  • 二、开新窗口跳转
    • 例子
    • 参数解释
    • window.open打开新窗口还是打开新标签页

一、直接跳转式

window.location.href=\’wp-content/uploads/2023/12/www.baidu.com\’

二、开新窗口跳转

window.open(url, [name], [configuration])

*url:为要新打开页面的url

*name:为新打开窗口的名字,可以通过此名字获取该窗口对象

*configuration:为新打开窗口的一些配置项,比如是否有菜单栏、滚动条、长高等等信息

例子

新打开一个没有菜单栏、标题栏、工具栏,但是有滚动条、状态栏、地址栏且可伸缩窗口的方法调用如下:

window.open(\”index.html\”, \”newWindow\”, \”width=1024, height=700, top=0, left=0, titlebar=no, menubar=no, scrollbars=yes, resizable=yes, status=yes, , toolbar=no, location=yes\”);

参数解释

window.open 弹出新窗口的命令;

index.html 弹出窗口的文件名;

newWindow 弹出窗口的名字(不是文件名),非必须,可用空’'代替;

width=1024 窗口宽度;

height=700 窗口高度;

top=0 窗口距离屏幕上方的象素值;

left=0 窗口距离屏幕左侧的象素值;

titlebar=no 是否显示标题栏,被忽略,除非调用HTML应用程序或一个值得信赖的对话框.默认值是yes;

menubar=no 表示菜单栏,默认值是yes;

scrollbars=yes 是否显示滚动条,默认值是yes;

resizable=no 是否允许改变窗口大小,默认值是yes;

status=no 是否要添加一个状态栏,默认值是yes;

toolbar=no 是否显示工具栏,默认值是yes;

location=no 是否显示地址栏,默认值是yes;

window.open打开新窗口还是打开新标签页

调用window.open是打开新窗口,还是打开新标签页,这里要加以区分。

window.open(url)或者window.open(url, name)

其中name为_blank

标准浏览器、新标签打开链接url

window.open(url, name, configration)

只要配置了configration,都是新窗口打开链接的

以上就是window.location.href和window.open 跳转区别解析的详细内容,更多关于window.location.href window.open跳转的资料请关注悠久资源网其它相关文章!

您可能感兴趣的文章:

  • 浅谈window.onbeforeunload() 事件调用ajax
  • 关于捕获用户何时点击window.onbeforeunload的取消事件
  • window.onbeforeunload方法在IE下无法正常工作的解决办法
  • 传参安全处理window.btoabase64加密,线性对称加密
  • window属性onbeforeunload语法教程示例

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悠久资源 JavaScript window.location.href和window.open窗口跳转区别解析 https://www.u-9.cn/biancheng/javascript/4993.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务