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 相关文章推荐
js操作输入框中选择内容兼容IE及其他主流浏览器
Apr 22 Javascript
JavaScript操作cookie类实例
Mar 31 Javascript
jQuery蓝色风格滑动导航栏代码分享
Aug 19 Javascript
javascript动态添加checkbox复选框的方法
Dec 23 Javascript
创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
Jun 02 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
Oct 05 Javascript
three.js实现3D视野缩放效果
Nov 16 Javascript
JS字典Dictionary类定义与用法示例
Feb 01 Javascript
vue进入页面时滚动条始终在底部代码实例
Mar 26 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
May 06 Javascript
Vue项目服务器部署之子目录部署方法
May 12 Javascript
关于javascript中的promise的用法和注意事项(推荐)
Jan 15 Javascript
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
用 PHP5 轻松解析 XML
2006/12/04 PHP
手把手教你使用DedeCms的采集的图文教程
2007/03/11 PHP
浏览器预览PHP文件时顶部出现空白影响布局分析原因及解决办法
2013/01/11 PHP
从PHP $_SERVER相关参数判断是否支持Rewrite模块
2013/09/26 PHP
PHP使用ob_start生成html页面的方法
2014/11/07 PHP
php进程间通讯实例分析
2016/07/11 PHP
PHP学习记录之常用的魔术常量详解
2019/12/12 PHP
javascript与webservice的通信实现代码
2010/12/25 Javascript
Notify - 基于jquery的消息通知插件
2011/10/18 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
2015/07/27 Javascript
Javascript中匿名函数的调用与写法实例详解(多种)
2016/01/26 Javascript
BootStrap实现带关闭按钮功能
2017/02/15 Javascript
React学习笔记之条件渲染(一)
2017/07/02 Javascript
JS实现的简单表单验证功能示例
2017/10/13 Javascript
利用node 判断打开的是文件 还是 文件夹的实例
2019/06/10 Javascript
前端天气插件tpwidget使用方法详解
2019/06/24 Javascript
Python中functools模块函数解析
2017/03/12 Python
OpenCV-Python实现轮廓检测实例分析
2018/01/05 Python
pandas全表查询定位某个值所在行列的方法
2018/04/12 Python
python实现监控某个服务 服务崩溃即发送邮件报告
2018/06/21 Python
selenium+python实现1688网站验证码图片的截取功能
2018/08/14 Python
Python正则表达式和元字符详解
2018/11/29 Python
Flask模板引擎之Jinja2语法介绍
2019/06/26 Python
用python按照图像灰度值统计并筛选图片的操作(PIL,shutil,os)
2020/06/04 Python
JPA的优势都有哪些
2013/07/04 面试题
预备党员思想汇报范文
2013/12/29 职场文书
八年级美术教学反思
2014/02/02 职场文书
电大毕业个人生自我鉴定
2014/03/26 职场文书
难忘的一课教学反思
2014/04/30 职场文书
厂区绿化方案
2014/05/08 职场文书
经管应届生求职信范文
2014/05/18 职场文书
夏季药店促销方案
2014/08/22 职场文书
2014教师年度工作总结
2014/11/10 职场文书
2015年安全生产月活动总结
2015/03/26 职场文书
药品开票员岗位职责
2015/04/15 职场文书
使用scrapy实现增量式爬取方式
2022/06/21 Python