location.href 用法详解

一：新页面的打开位置问题

问题提出：

在做原型设计时候，对于静态页面的链接,这样写οnclick="location.href='http://localhost:8082/default.pr_automata.forward.do?nextPage=/OrderMan/page/newOrder1.jsp'">

估计是最常用的链接了！

这时候，就会出现一个问题：如果单纯的用

表示链接，你可以设置页面打开的地方，如：target="_self/_blank/_parent/_top"，代表在当前页面/新打开页面/父页面/最顶端窗口打开页面。但是如果用location.href 可怎么确定在哪打开啊！

解决方案：

self.location.href="/url" 当前页面打开新页面，与默认的location.href 或者是windows.location.href 或者是 this.location.href 效果一样

parent.location.href="/url" 在父页面打开新页面

top.location.href="/url" 在顶层页面打开新页面

怎么样，简单好用吧！

二：location.href 是 & 还是 &

最开始，我们写超链接可能是如下形式（注意蓝色部分）：

后来 W3C 规定这样写（注意蓝色部分）：

这引出两个问题：

在浏览器中访问时如何写？
JavaScript 中的 location.href 对应 url 中如何写？

第一个问题：应该是 &，而不是 && 是 HTML 中 & 的表示方法，并不是 URL 标准。

第二个问题：应该是 &，而不是 &，原因和第一个问题的原因相同，也就是说应该是：

location.href = "id=33&page=2";

而不是：

location.href = "list.asp?id=33&page=2";

之所以特别提出来，是因为针对第二个问题，IE 中，两种写法都正确，而 FF 中只认一种写法

location.href 用法详解相关推荐

php中location.reload,js刷新页面location.reload()用法详解
本文介绍了js刷新页面函数location.reload()的用法,有关js location.reload()函数的例子,有需要的朋友参考下. 在javascript编程中,多使用location. ...
java中刷新js函数,js刷新页面location.reload()用法详解
本文介绍了js刷新页面函数location.reload()的用法,有关js location.reload()函数的例子,有需要的朋友参考下. 在javascript编程中,多使用location. ...
html中location的用法详解
Location介绍 location指示了其所连接对象的url位置.Document和window对象中都有location属性,可以通过window.location和document.locat ...
html a href=mailto 发件人怎么设置,a标签创建mailto链接发送电子邮箱用法详解
在html5中,利用标签的mailto可以创建发送邮件到一个或多个电子邮箱的超链接功能,其用法详解如下: 标签mailto最常见用法这个用法是最常见的用法,在大多数情况下,我们都会使用这个方式发送电 ...
jQuery 表单验证插件，jQuery Validation Engine用法详解
jQuery 表单验证插件,jQuery Validation Engine用法详解功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身 ...
68.connect-flash 用法详解 req,flash()
转自:http://yunkus.com/connect-flash-usage/ connect-flash 用法详解前端工具 2016-10-05 2016-10-05 朝夕熊 11 ...
Extjs Window用法详解 3 打印具体应用，是否关掉打印预览的界面
Extjs Window用法详解 3 打印具体应用,是否关掉打印预览的界面 Extjs 中的按钮元素 { xtype: 'buttongroup', title: '打印', items: [ me. ...
spring boot模板引擎thymleaf用法详解
spring boot模板引擎thymleaf用法详解 Spring-boot支持FreeMarker.Thymeleaf.jsp.veocity 但是对freemarker和thymeleaf的支持 ...
selenium用法详解
selenium用法详解 selenium主要是用来做自动化测试,支持多种浏览器,爬虫中主要用来解决JavaScript渲染问题. 模拟浏览器进行网页加载,当requests,urllib无法正常获取 ...

location.href 用法详解

location.href 用法详解相关推荐

最新文章

热门文章