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 相关文章推荐
提高网站信任度的技巧
Oct 17 Javascript
javascript 选择文件夹对话框(web)
Jul 07 Javascript
JS不能跨域借助jquery获取IP地址的方法
Aug 20 Javascript
JavaScript实现动态创建CSS样式规则方案
Sep 06 Javascript
js网页右下角提示框实例
Oct 14 Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
Nov 29 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
Jan 04 Javascript
jQuery添加options点击事件并传值实例代码
May 18 Javascript
js实现多行文本框统计剩余字数功能
Mar 28 Javascript
Angular 4.x 动态创建表单实例
Apr 25 Javascript
vue-cli实现多页面多路由的示例代码
Jan 30 Javascript
JQuery复选框全选效果如何实现
May 08 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数组函数序列之array_values() 获取数组元素值的函数与方法
2011/10/30 PHP
PHP开发者常犯的10个MySQL错误更正剖析
2012/01/30 PHP
浅谈laravel orm 中的一对多关系 hasMany
2019/10/21 PHP
Dom加载让图片加载完再执行的脚本代码
2008/05/15 Javascript
jQuery之网页换肤实现代码
2011/04/30 Javascript
Javascript中常见的校验如域名、手机、邮箱等等
2014/01/02 Javascript
jQuery如何实现点击页面获得当前点击元素的id或其他信息
2014/01/09 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
2014/10/14 Javascript
JS实现光滑展开合拢的菜单效果代码
2015/09/16 Javascript
JavaScript实现倒计时代码段Item1(非常实用)
2015/11/03 Javascript
js如何实现淡入淡出效果
2020/11/18 Javascript
jQuery检测滚动条是否到达底部
2015/12/15 Javascript
简单介绍JavaScript数据类型之隐式类型转换
2015/12/28 Javascript
微信小程序入门教程
2016/11/18 Javascript
微信小程序 自己制作小组件实例详解
2016/12/22 Javascript
用JavaScript和jQuery实现瀑布流
2017/03/19 Javascript
详解element-ui日期时间选择器的日期格式化问题
2019/04/08 Javascript
JavaScript 性能提升之路(推荐)
2019/04/10 Javascript
ES6中字符串的使用方法扩展
2019/06/04 Javascript
ant-design-vue中tree增删改的操作方法
2020/11/03 Javascript
jQuery实现穿梭框效果
2021/01/19 jQuery
Python程序设计入门(2)变量类型简介
2014/06/16 Python
python中requests爬去网页内容出现乱码问题解决方法介绍
2017/10/25 Python
Python使用Matplotlib实现Logos设计代码
2017/12/25 Python
使用Python读取安卓手机的屏幕分辨率方法
2018/03/31 Python
Python 批量合并多个txt文件的实例讲解
2018/05/08 Python
Python模拟登录之滑块验证码的破解(实例代码)
2019/11/18 Python
django admin 根据choice字段选择的不同来显示不同的页面方式
2020/05/13 Python
谈谈python垃圾回收机制
2020/09/27 Python
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
大专生工程监理求职信
2013/10/04 职场文书
优秀毕业生找工作自荐信
2014/06/23 职场文书
领导班子个人对照检查剖析材料
2014/09/29 职场文书
信用卡工资证明范本
2015/06/19 职场文书
2016年员工政治思想表现评语
2015/12/02 职场文书
pytorch 中nn.Dropout的使用说明
2021/05/20 Python