JavaScript入门教程(8) Location地址对象


Posted in Javascript onJanuary 31, 2009

若要表示某一个窗口的地址,就使用“<窗口对象>.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.webjx.com/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 相关文章推荐
在网页中控制wmplayer播放器
Jul 01 Javascript
用js判断用户浏览器是否是XP SP2的IE6
Mar 08 Javascript
用js实现预览待上传的本地图片
Mar 15 Javascript
jquery提示效果实例分析
Nov 25 Javascript
JQuery简单实现锚点链接的平滑滚动
May 03 Javascript
关于JS中的apply,call,bind的深入解析
Apr 05 Javascript
基于JS代码实现实时显示系统时间
Jun 16 Javascript
js判断数组key是否存在(不用循环)的简单实例
Aug 03 Javascript
Java  Spring 事务回滚详解
Oct 17 Javascript
javascript ASCII和Hex互转的实现方法
Dec 27 Javascript
js的三种继承方式详解
Jan 21 Javascript
jquery判断滚动条距离顶部的距离方法
Sep 05 jQuery
JavaScript入门教程(7) History历史对象
Jan 31 #Javascript
JavaScript入门教程(6) Window窗口对象
Jan 31 #Javascript
JavaScript入门教程(5) js Screen屏幕对象
Jan 31 #Javascript
JavaScript入门教程(3) js面向对象
Jan 31 #Javascript
JavaScript入门教程(2) JS基础知识
Jan 31 #Javascript
JavaScript入门教程(1) 什么是JS
Jan 31 #Javascript
JavaScript库 开发规则
Jan 31 #Javascript
You might like
PHP实现定时生成HTML网站首页实例代码
2008/11/20 PHP
php 定界符格式引起的错误
2011/05/24 PHP
PHPExcel读取Excel文件的实现代码
2011/12/06 PHP
搭建Vim为自定义的PHP开发工具的一些技巧
2015/12/11 PHP
Thinkphp框架中D方法与M方法的区别
2016/12/23 PHP
javascript offsetX与layerX区别
2010/03/12 Javascript
JavaScript Math.ceil() 函数使用介绍
2013/12/11 Javascript
javascript页面渲染速度测试脚本分享
2014/04/15 Javascript
基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
2015/11/24 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
2016/09/04 Javascript
ion content 滚动到底部会遮住一部分视图的快速解决方法
2016/09/06 Javascript
详解layui弹窗父子窗口之间传参数的方法
2018/01/16 Javascript
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
2018/11/14 Javascript
JS实现简单的点赞与踩功能示例
2018/12/05 Javascript
微信小程序实现的绘制table表格功能示例
2019/04/26 Javascript
vue实现手机号码的校验实例代码(防抖函数的应用场景)
2019/09/05 Javascript
js实现点击图片在屏幕中间弹出放大效果
2019/09/11 Javascript
vue弹出框组件封装实例代码
2019/10/31 Javascript
一篇文章看懂JavaScript中的回调
2021/01/05 Javascript
[59:48]LGD vs IG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python 合并文件的具体实例
2013/08/08 Python
python使用BeautifulSoup分析网页信息的方法
2015/04/04 Python
python+pandas+时间、日期以及时间序列处理方法
2018/07/10 Python
python爬虫之urllib库常用方法用法总结大全
2018/11/14 Python
Python使用Pandas库实现MySQL数据库的读写
2019/07/06 Python
Python3进制之间的转换代码实例
2019/08/24 Python
原生python实现knn分类算法
2019/10/24 Python
Python实现疫情地图可视化
2021/02/05 Python
关于探究python中sys.argv时遇到的问题详解
2021/02/23 Python
CSS3 icon font完全指南(CSS3 font 会取代icon图标)
2013/01/06 HTML / CSS
HTML5 语音搜索(淘宝店语音搜素)
2013/01/03 HTML / CSS
浅谈基于Canvas的手绘风格图形库Rough.js
2018/03/19 HTML / CSS
什么是ESB?请介绍一下ESB?
2015/05/27 面试题
上课迟到检讨书范文
2015/05/06 职场文书
公司转让协议书
2016/03/19 职场文书
python实现手机推送 代码也就10行左右
2022/04/12 Python