window location href 手机端无法跳转_JavaScriptBOM__History

一、History对象

1.什么是History

History 对象包含用户（在浏览器窗口中）访问过的 URL。
History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。注释：没有应用于 History 对象的公开标准，不过所有浏览器都支持该对象。

2.history对象的方法

back（）方法会让浏览器加载前一个浏览过的文档。 history.back（）等效于浏览器中的“后退”按钮
forward（）方法会让浏览器加载后一个浏览的文档。history. forward（）等效于浏览器中的“前进”按钮
go（n）方法

history.go(1)代表前进一页，相当于浏览器中的前进按照，等价于forward（）方法
history.go（-1）代表后退一页，相当于浏览器中的后退按钮，等价于back（）方法

3.代码

<!DOCTYPE html>
<html>
<head>
<script>
function goBack(){window.history.go(-2)}
</script>
</head>
<body><input type="button" value="Go 2 pages back" onclick="goBack()"></body>
</html>

二、location对象

1.什么是location

Location 对象包含有关当前 URL 的信息。
Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。

2.location对象的属性和方法

属性：location.href
可读可写，设置或返回当前的URL地址。
属性：location.host
可读可写，设置或返回当前 URL 的主机名称和端口号。
属性：location.hostname
可读可写，设置或返回当前 URL 的主机名称。
属性：location.href
可读可写，设置或返回 URL 的锚部分（从 # 号开始的部分）。
属性：location.port
可读可写，设置或返回 URL 的端口号。
属性：location.pathname
可读可写，设置或返回 URL 的路径部分。也就是端口号之后，从/开始。
属性：location.protocol
可读可写，设置或返回 URL 的协议。
属性：location.search
可读可写，设置或返回 URL 的参数部分，从?开始，包含?。
方法：location.assign(url)
加载新的文档，其实就是跳转新的地址。
方法：location.reload(true/false)
刷新当前页面，false与F5刷新一样，true与shift+F5一样。
方法：location.replace(url)
跳转新的地址，且没有历史记录在浏览器，也就是替换当前的文档。

3.代码

//对象中的属性和方法
//location 对象
console.log(window.location);//地址栏上#及后面的内容
console.log(window.location.hash);
//主机及端口号
console.log(window.location.host);
//主机名
console.log(window.location.hostname);
//文件的路径----相对路径
console.log(window.location.pathname);
//端口号
console.log(window.location.port);
//协议
console.log(window.location.protocol);
//搜索的内容
console.log(window.location.search);//设置跳转的页面地址
location.href="http://www.3mooc.com";//属性-----
location.assign("http://www.3mooc.com");//方法
location.reload();//重新加载
location.replace("http://www.3mooc.com");//没有历史记录----不能返回原页面

下节预告：BOM_Navigator_Screen

参考教程视频：

JavaScript从0基础到实战案例以及完成效果全套视频课程-三人行慕课www.3mooc.com

window location href 手机端无法跳转_JavaScriptBOM__History_location（二十）相关推荐

window location href 手机端无法跳转_Window对象在前端领域的角色
特殊的window 提起window,在网页当中很常见,比如像这样: window.onload=function(){ //执行函数体 } 这段代码的意思是当网页内容加载完成后要做什么. 在js的领 ...
input onclick=window.location.href='https://www'不能跳转问题。
使用input onclick属性跳转是遇到问题..不能跳转上面的onclick里面应该怎么写?我试了几次都不行不知道是不是方法有问题 <input type="button&quo ...
JS 判断是否是手机端并跳转操作
JS 判断运行当前脚本的应用程序是否为手机端或者一些其他信息,在我的工作中遇到的不是十分频繁,被我的同事一问就给问住了,所以把之前找到的一些知识点整理出来,供大家参考,若哪里不对欢迎指出,我会及时的更 ...
php自动识别pc和手机端并跳转,JS如何实现网站中PC端和手机端自动识别并跳转对应的代码...
1. 代码场景: 描述:在项目中,一般我们会使用响应式布局的方式或者借助bootstrap等插件来做响应式的网站.但是根据业务的需求,手机端可能会在功能上精简很多,我们也会写两套代码,分别用来实现P ...
关于js中window.location.href、location.href 等如何跳转
关于js中"window.location.href"."location.href"."parent.location.href".&qu ...
【报错笔记】在maven项目中jsp页面使用window.location.href给controller传参时参数过长所以路径无法跳转至controller
在maven项目中jsp页面使用window.location.href给controller传参时参数过长所以路径无法跳转至controller 解决方案:使用a链接来用
用window.location.href实现页面跳转
在写ASP.Net程序的时候,我们经常遇到跳转页面的问题,我们经常使用Response.Redirect ,如果客户要在跳转的时候使用提示,这个就不灵光了,如: Response.Write(&quo ...
Window.location.href命令在JS中跳转无效或自动忽略
最近在做一个跳转本页面后提示信息window.location.href只能跳转一次,之后就自动忽略了.在下面加事件返回值即可跳转成功,注意:若在form提交函数中,则不会提交表单:若在超链接标签中, ...
window.location.href跳转无效 IE Bug【转载】
window.location.href跳转的ie bug 2010-10-25 17:36 http://support.microsoft.com/kb/190244/en-us 在ie下,< ...
window.location.href 跳转失败
我恨这个问题,因为困扰已久,做为一个不称职的半开发人员,对前端非常不熟,程度仅限于alert调试的水平这个问题似乎是IE的一个傻逼哄哄的BUG引起的,在AJAX盛行的今天,当在返回success状态 ...

window location href 手机端无法跳转_JavaScriptBOM__History_location（二十）

目录：

一、History对象

二、location对象

下节预告：BOM_Navigator_Screen

参考教程视频：

window location href 手机端无法跳转_JavaScriptBOM__History_location（二十）相关推荐

最新文章

热门文章