完好用户体验: 活用window.location与window.open解决页面跳转问题

【完好用户体验: 活用window.location与window.open解决页面跳转问题】的更多相关文章

完好用户体验: 活用window.location与window.open解决页面跳转问题

原文地址: JavaScript Redirects and window.open原文日期: 2014年08月27日翻译日期: 2014年08月31日翻译人员: 铁锚 (译者注: 本文解决的是按 Ctrl键时使用JS打开新页面的问题) 在简化的HTML5规范中,同意在 A 标签内包括多个 DIV 和/或其它块级元素. 如今仅仅要用 <a> 标签包住块元素,就能搞定原来须要用JavaScript来监听并调用 window.location 实现页面跳转(redirect)功能.但使用<a…

window.location.hash（hash应用）---跳转到hash值制定的具体页面

location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url.而location.hash则可以用来获取或设置页面的标签值.比如http://domain/#admin的location.hash="#admin".利用这个属性值可以做一个非常有意义的事情. 很多人都喜欢收藏网页,以便于以后的浏览.不过对于Ajax页面来说的话,一般用一个页面来处理所有的事务,也就是说,…

window.location 与window.open区别

window.location 与window.open区别 1.window.location是window对象的属性,而window.open是window对象的方法 window.location是你对当前浏览器窗口的URL地址对象的参考! window.open是用来打开一个新窗口的函数! 2.window.open不一定是打开一个新窗口!!!!!!!! 只要有窗口的名称和window.open中第二个参数中的一样就会将这个窗口替换,用这个特性的话可以在iframe和…

window.location.href = window.location.href 跳转无反应 a 超链接 onclick 点击跳转无反应

错误写法 , 主要是在 href="#"这里 <a href="#" id="send" onclick="return buttonClick();">发送</a> 脚本如下 if (data == "发送成功") { alert(data); window.location.href = window.location.href; } 正确的写法 href 后面跟一个 java…

window.location和window.open

window.location和window.open的区别 window.location = "http://www.baidu.com" 跳转后有后退功能 window.location.replace("http://www.baidu.com") 跳转后没有后退功能 window.open("http://www.baidu.com") 要新的窗口打开链接…

window.location和window.open的区别

window.location = "http://www.baidu.com" 跳转后有后退功能 window.location.replace("http://www.baidu.com") 跳转后没有后退功能 window.open("http://www.baidu.com") 要新的窗口打开链接…

window.location.href = window.location.href window.location.reload()

w 0-会议预订提交了预订日期,预订成功后默认显示仅显示当前日期的新页面若显示预定日的信息,则可以对预定日存入cookie: http://stackoverflow.com/questions/2405117/difference-between-window-location-href-window-location-href-and-window-location " If I remember correctly, window.location.reload() reloads the…

window.location与window.open()的区别

"top.location.href"是最外层的页面跳转"window.location.href"."location.href"是本页面跳转"parent.location.href"是上一层页面跳转. location是window对象的属性,而所有的网页下的对象都是属于window作用域链中(这是顶级作用域),所以使用时是可以省略window.而top是指向顶级窗口对象,parent是指向父级窗口对象. window.…

window.location和window.location.href和document.location的关系

1,首先来区分window.location和window.location.href. window.location.href是一个字符串. 而window.location是一个对象,包含属性有 hash 从井号 (#) 开始的 URL(锚) host 主机名和当前 URL 的端口号 hostname 当前 URL 的主机名 href 完整的 URL pathname 当前 URL 的路径部分 port 当前 URL 的端口号 protocol 当前 URL 的协议 search 从问号…

js 中实现页面跳转的方法(window.location和window.open的区别)

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>onchange的使用方法</title> <meta name="description"…

window.location.href 失效的解决办法

第一种:在window.location.href 后面加上 window.event.returnValue = false; 如: <a href="#" onclick="window.location.href='http://www.microsoft.com'; window.event.returnValue=false;"> 第二种: 把window.location.href写成 JavaScript:window.location…

JS中 window.location 与window.location.href的区别

疑惑:window.location='url' 与window.lcoation.href='url'效果一样,都会跳转到新页面,区别在哪?查得的资料如下: 1:window.location是页面的位置对象,window.location.href是 location的一个属性值,并且它是location的默认属性就是说对window.location直接赋值一个url实际上就是对window.location.href赋值2: The Window.location read-only…

window.location属性用法及解决一个window.location.search为什么为空的问题

通常用window.location该属性获取页面 URL 地址: 1.什么是window.location? 比如URL:http://b.a.com:88/index.php?name=kang&when=2011#first window.location和document.location互相等价的,可以交换使用 location的8个属性都是可读写的,但是只有href与hash的写才有意义. 例如:改变location.href会重新定位到一个URL,而修改location.hash会…

超链接导致window.location.href失效的解决办法

通常我们采用 window.location.href 执行页面间的跳转,比如下面的语句 window.location.href = 'https://www.baidu.com/'; 一般执行上面的语句是能够成功跳转到百度页面的,然而当我们使用了下面的方法,神奇的情况就出现了, HTML代码: <a href="javascript:void(0);" onclick="redirect();">百度</a> JavaScript代码:…

关于 Safari 浏览器不支持 location [ window.location.href window.open()] 跳转问题的解决方案

最近在做项目时,碰到 safari 浏览器不支持location跳转问题,针对此问题,可以通过 js 模拟点击时间来解决,代码如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a id='link' h…

利用简洁的图片预加载组件提升h5移动页面的用户体验

在做h5移动页面,相信大家一定碰到过页面已经打开,但是里面的图片还未加载出来的情况,这种问题虽然不影响页面的功能,但是不利于用户体验.抛开网速的原因,解决这个问题有多方面的思路:最基本的,要从http请求合并,缓存管理,图片压缩等方面做性能优化:另外就是可以对页面里用到的所有图片做预加载的处理,当用户打开页面的时候不立即显示第一屏,而是先显示资源加载效果,等到加载完毕,再来显示页面的主内容,这样就能解决那个问题.虽然这种加载效果占用了用户的浏览时间,但是我们可以把它做的好看有趣一点,所以也不会影…

window.location.href和window.open的几种用法和区别

使用js的同学一定知道js的location.href的作用是什么,但是在js中关于location.href的用法究竟有哪几种,究竟有哪些区别,估计很多人都不知道了. 一.location.href常见的几种形式目前在开发中经常要用到的几种形式有: 1 2 3 4 5 6 self.location.href;//当前页面打开URL页面 window.location.href;//当前页面打开URL页面 this.location.href;//当前页面打开URL页面 location.h…

window.location.hash属性介绍

location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url.而location.hash则可以用来获取或设置页面的标签值.比如http://domain/#admin的location.hash="#admin".利用这个属性值可以做一个非常有意义的事情. 很多人都喜欢收藏网页,以便于以后的浏览.不过对于Ajax页面来说的话,一般用一个页面来处理所有的事务,也就是说,…

运用预加载提升H5移动页面的用户体验

原文地址:http://www.grycheng.com/?p=2188 在做h5移动页面,相信大家一定碰到过页面已经打开,但是里面的图片还未加载出来的情况,这种问题虽然不影响页面的功能,但是不利于用户体验.抛开网速的原因,解决这个问题有多方面的思路:最基本的,要从http请求合并,缓存管理,图片压缩等方面做性能优化:另外就是可以对页面里用到的所有图片做预加载的处理,当用户打开页面的时候不立即显示第一屏,而是先显示资源加载效果,等到加载完毕,再来显示页面的主内容,这样就能解决那个问题.虽然这种加…

JS代码的window.location属性详解

转载:http://www.5icool.org/a/201105/a564.html 如果你稍微懂一些JS代码,一般都会知道 window.location.href 这个属性.并且用该属性获取页面 URL 地址: window.location.href = window.location.href; 好吧,我告诉你,这样弱掉了.其实原生 JavaScript 真是什么都有. window.location 对象所包含的属性属性描述 hash 从井号 (#) 开始的 URL(锚) hos…

js window.location用法

JS BOM基础全局对象 window location history screen navigator

全局变量声明的两种方式:1,window.变量名=值;2,var 变量名=值; 全局函数声明的两种方式:1,window.函数名=function(){}2,function 函数名=function(){} BOM是Browser Object Model的缩写,是浏览器对象模型核心是window对象,所有的全局变量和全局函数都被归在了window上使用超时调用执行间歇调用的操作. A: window是浏览器的一个实例 1,即是JS访问浏览器的一个接口. 2,又是ECMAScript的全局对…

windows.open window.location.href的用法和区别

window.location.href 只能在当前页面打开,不能用新窗口打开 windows.open("URL","窗口名称","窗口外观设定"); 具体使用参数:http://www.w3school.com.cn/jsref/met_win_open.asp window.open和location.href深入下去,还有以下区别 1.window.location是window对象的属性,而window.open是window对象的方…

js 刷新页面window.location.reload();

Javascript刷新页面的几种方法:1 history.go(0)2 window.location.reload() window.location.reload(true) 3 location=location4 location.assign(location)5 document.execCommand(''Refresh'')6 window.navigate(location)7 location.replace(location)8 …

window.top.location.href 和 window.location.href 的区别

"window.location.href"."location.href"是本页面跳转. "parent.location.href" 是上一层页面跳转. "top.location.href" 是最外层的页面跳转. 举例说明: 如果A,B,C,D都是html,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写 "window.location.href"…

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法

"window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转举例说明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写 "window.location.href"."locatio…

window.location事件

一.最外层top跳转页面,适合用于iframe框架集 top.window.location.href("${pageContext.request.contextPath}/Login_goBack"); ============================================================================================ 二.window.location.href和window.location.replace的区…

实现统一用户体验的BaseActivity

对一个规模较大的App开发团队来说,保持统一的代码规范是个好的事情,同时,保持统一的用户体验规范也是个好的事情. 当用户进入一个页面时,一般会有以下交互场景:场景1, 初始化loading,页面从server拉取配置信息:场景2, 初始化成功,页面展现业务UI布局,比如输入框,按钮等:场景3, 初始化失败,页面从server拉取配置信息出现异常:场景4, 初始化失败,因为设备的网络连接异常:5, …… 对于某一个负责某一业务模块的开发人员来说,他可能会有糟糕的用户体验实现:实现场景1, 当初始化…

关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法

location.href 和 window.location.href 区别: 1.location.href 可以直接跳转其他地址(不属于本项目) 也可以跳转本项目中的 2.window.location.href 只能跳转本项目中的地址 3. "window.location.href"."location.href"是本页面跳转 4. "parent.location.href"是上一层页面跳转 5. "top.locatio…

window.location.href的用法

在写ASP.Net程序的时候,我们经常遇到跳转页面的问题,我们经常使用Response.Redirect 做ASP.NET框架页跳转,如果客户要在跳转的时候使用提示,这个就不灵光了,如: Response.Write("< script>alert('恭喜您,注册成功!');< /script>"); Response.Redirect("main.html"); 这时候我们的提示内容没有出来就跳转了,和Response.Redire…