JavaScript中的Location地址对象


Posted in Javascript onJanuary 16, 2008

location 地址对象 它描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址,只需要使用“location”就行了;若要表示某一个窗口的地址,就使用“<窗口对象>.location”。先前写了一片用window.location.href实现刷新另个框架页面 ,特此我看了一下locaiton的详细用法,对此有点改进,具体如下:  

注意:属于不同协议或不同主机的两个地址之间不能互相引用对方的 location 对象,这是出于安全性的需要。例如,当前窗口打开的是“www.a.com”下面的某一页,另外一个窗口(对象名为:bWindow)打开的是“www.b.com”的网页。如果在当前窗口使用“bWindow.location”,就会出错:“没有权限”。这个错误是不能用错误处理程序(Event Handler,参阅 onerror 事件)来接收处理的。

第一、简单介绍一下location属性、用法以及相关示例:  
Location  
包含了关于当前 URL 的信息。location对象描述了与一个给定的 Window 对象关联的完整 URL。location 对象的每个属性都描述了 URL 的不同特性。
通常情况下,一个 URL 会有下面的格式:协议//主机:端口/路径名称#哈希标识?搜索条件
例如:http://www.ijavascript.cn/jiaocheng/index.html#topic1?x=7&y=2 这些部分是满足下列需求的:

“协议”是 URL 的起始部分,直到包含到第一个冒号。   

“主机”描述了主机和域名,或者一个网络主机的 IP 地址。  

“端口”描述了服务器用于通讯的通讯端口。   

路径名称描述了 URL 的路径方面的信息。  

“哈希标识”描述了 URL 中的锚名称,包括哈希掩码(#)。此属性只应用于 HTTP 的 URL。   

“搜索条件”描述了该 URL 中的任何查询信息,包括问号。此属性只应用于 HTTP 的 URL。“搜索条件”字符串包含变量和值的配对;每对之间由一个“&”连接。

   

属性概览  

protocol 返回地址的协议,取值为 'http:','https:','file:' 等等。

hostname 返回地址的主机名,例如,一个“http://www.microsoft.com/china/”的地址,location.hostname == 'www.microsoft.com'。

port 返回地址的端口号,一般 http 的端口号是 '80'。

host 返回主机名和端口号,如:'www.a.com:8080'。

pathname 返回路径名,如“http://www.a.com/b/c.html”,location.pathname == 'b/c.html'。

hash 返回“#”以及以后的内容,如“http://www.a.com/b/c.html#chapter4”,location.hash == '#chapter4';如果地址里没有“#”,则返回空字符串。

search 返回“?”以及以后的内容,如“http://www.a.com/b/c.asp?selection=3&jumpto=4”,location.search == '?selection=3&jumpto=4';如果地址里没有“?”,则返回空字符串。

href 返回以上全部内容,也就是说,返回整个地址。在浏览器的地址栏上怎么显示它就怎么返回。如果想一个窗口对象打开某地址,可以使用“location.href = '...'”,也可以直接用“location = '...'”来达到此目的。

方法概览  

reload() 相当于按浏览器上的“刷新”(IE)或“Reload”(Netscape)键。

replace() 打开一个 URL,并取代历史对象中当前位置的地址。用这个方法打开一个 URL 后,按下浏览器的“后退”键将不能返回到刚才的页面。

  

二、location之页面跳转js如下:  
//简单跳转
function gotoPage(url) {  
// eg. var url = "newsview.html?catalogid="+catalogID+"&pageid="+pageid;  
window.location = url;  

// 对location用法的升级,为单个页面传递参数
function goto_catalog(iCat) {  
if(iCat<=0) {  
top.location = "../index.aspx"; // top出去  
} else {  
window.location = "../newsCat.aspx?catid="+iCat;  
}
}

// 对指定框架进行跳转页面,二种方法皆可用
function goto_iframe(url) {  
parent.mainFrame.location = "../index.aspx"; //  
// parent.document.getElementById("mainFrame").src = "../index.aspx";// use dom to change page // 同时我增加了dom的写法  

// 对指定框架进行跳转页面,因为 parent.iframename.location="../index.aspx"; 方法不能实行,主要是 "parent.iframename" 中的iframename在js中被默认为节点,而不能把传递过来的参数转换过来,所以用dom实现了该传递二个参数的框架跳转页面,希望那位仁兄不吝赐教!
function goto_iframe(iframename,url)  {  
parent.document.getElementById(iframename).src = "../index.aspx";// use dom to change page by iframeName 
//}  

// 回到首页
function gohome() {  
top.location = "/index.aspx";  

Javascript 相关文章推荐
基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
Jan 05 Javascript
jquery实现页面常用的返回顶部效果
Mar 04 Javascript
浅谈React 属性和状态的一些总结
Nov 21 Javascript
如何实现星星评价(jquery.raty.js插件)
Dec 21 Javascript
如何提高Dom访问速度
Jan 05 Javascript
AngularJS中控制器函数的定义与使用方法示例
Oct 10 Javascript
JS实现碰撞检测的方法分析
Jan 19 Javascript
使用webpack打包koa2 框架app
Feb 02 Javascript
Node.js Express安装与使用教程
May 11 Javascript
js array数组对象操作方法汇总
Mar 18 Javascript
babel7.x和webpack4.x配置vue项目的方法步骤
May 12 Javascript
jQuery事件委托代码实践详解
Jun 21 jQuery
JavaScript中的History历史对象
Jan 16 #Javascript
JavaScript中的Window窗口对象
Jan 16 #Javascript
JavaScript中的Screen屏幕对象
Jan 16 #Javascript
JavaScipt基本教程之JavaScript语言的基础
Jan 16 #Javascript
JavaScipt基本教程之前言
Jan 16 #Javascript
JavaScript中Math对象使用说明
Jan 16 #Javascript
语义化 H1 标签
Jan 14 #Javascript
You might like
php入门学习知识点一 PHP与MYSql连接与查询
2011/07/14 PHP
php读取csv文件后,uft8 bom导致在页面上显示出现问题的解决方法
2013/08/10 PHP
一个经典的PHP验证码类分享
2014/11/18 PHP
接收键盘指令的脚本
2006/06/26 Javascript
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
2011/01/06 Javascript
超赞的动手创建JavaScript框架的详细教程
2015/06/30 Javascript
Bootstrap页面布局基础知识全面解析
2016/06/13 Javascript
javascript回到顶部特效
2016/07/30 Javascript
javascript加载xml 并解析各节点的值(实现方法)
2016/10/12 Javascript
利用Angular.js限制textarea输入的字数
2016/10/20 Javascript
Web制作验证码功能实例代码
2017/06/19 Javascript
微信小程序实现页面跳转传值的方法
2017/10/12 Javascript
NodeJs form-data格式传输文件的方法
2017/12/13 NodeJs
vue导航栏部分的动态渲染实例
2019/11/01 Javascript
vue 实现 rem 布局或vw 布局的方法
2019/11/13 Javascript
微信小程序获取当前时间及星期几的实例代码
2020/09/20 Javascript
[07:54]DOTA2-DPC中国联赛 正赛 iG vs VG 选手采访
2021/03/11 DOTA
pandas object格式转float64格式的方法
2018/04/10 Python
Python3实现获取图片文字里中文的方法分析
2018/12/13 Python
使用python绘制温度变化雷达图
2019/10/18 Python
如何基于Python批量下载音乐
2019/11/11 Python
Python lxml模块的基本使用方法分析
2019/12/21 Python
Python中sorted()排序与字母大小写的问题
2020/01/14 Python
Mountain Warehouse澳大利亚官网:欧洲家庭户外品牌倡导者
2016/11/20 全球购物
质检员岗位职责
2013/12/17 职场文书
2014的自我评价
2014/01/13 职场文书
美术教师自我鉴定
2014/02/12 职场文书
《小蝌蚪找妈妈》教学反思
2014/02/21 职场文书
旷课检讨书
2015/01/26 职场文书
2015年创先争优活动总结
2015/03/27 职场文书
幼儿园教研工作总结2015
2015/05/12 职场文书
少先队入队仪式主持词
2015/07/04 职场文书
2015年街道办事处团委工作总结
2015/10/14 职场文书
分享几个JavaScript运算符的使用技巧
2021/04/24 Javascript
GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析
2021/06/15 Javascript
Win11怎么把合并的任务栏分开 Win11任务栏合并分开教程
2022/04/06 数码科技