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

更新时间：2023年07月12日 09:22:14 作者：芒果

这篇文章主要为大家介绍了window.location.href和window.open 跳转区别解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪

一、直接跳转式

window.location.href='https://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跳转的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

当前页禁止复制粘贴截屏代码小集
本文为大家详细介绍下禁止截屏，通过清除剪切板实现、禁止复制、禁止右键菜单、禁止网页另存为等等，感兴趣的朋友可以参考下哈，希望对大家有所帮助
2013-07-07
小程序点击图片实现png转jpg
这篇文章主要介绍了小程序点击图片实现png转jpg,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-10-10
js中的深浅拷贝问题简析
这篇文章主要给大家介绍了关于js中的深浅拷贝问题的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-05-05
JavaScript 5 新增 Array 方法实现介绍
JavaScript 5 发布有一段时间了，Array 对象新增了很多方法。但在老版本的浏览器上还不能使用，得益于 JavaScript 的动态可扩展性，我实现了这些方法，在此晒出来与君共勉
2012-02-02
详解JavaScript 作用域
这篇文章主要介绍了JavaScript 作用域的相关资料，文中讲解非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下
2020-07-07
细说JavaScript中的this指向与绑定规则
本文主要详细介绍了JavaScript中的this指向与绑定规则，默认绑定，隐式绑定，显示绑定，new绑定这四个规则，文中有相关的代码示例供大家参考，感兴趣的同学可以阅读下
2023-05-05
浅谈JavaScript中运算符的优先级
这篇文章主要给大家简单介绍了JavaScript中运算符的优先级的相关问题，十分的实用，有需要的小伙伴可以参考下。
2015-07-07
javascript 数组排序函数
javascript的数组排序函数 sort方法，默认是按照ASCII 字符顺序进行升序排列。
2009-08-08
Bootstrap每天必学之按钮（一）
Bootstrap每天必学之按钮，本文讲解的就是大家最为常用的button按钮的样式，感兴趣的小伙伴们可以参考一下
2015-11-11
JavaScript进阶教程之非extends的组合继承详解
组合继承有时候也叫伪经典继承,指的是将原型链和借用构造函数技术组合到一块,从而发挥二者之长的一种继承模式,下面这篇文章主要给大家介绍了关于JavaScript进阶教程之非extends的组合继承的相关资料,需要的朋友可以参考下
2022-08-08