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 相关文章推荐
jQueryUI的Dialog的简单封装
Jun 07 Javascript
SuperSlide2实现图片滚动特效
Jun 20 Javascript
超详细的javascript数组方法汇总
Nov 21 Javascript
jquery跟随屏幕滚动效果的实现代码
Apr 13 Javascript
Base64(二进制)图片编码解析及在各种浏览器的兼容性处理
Feb 09 Javascript
详解从Node.js的child_process模块来学习父子进程之间的通信
Mar 27 Javascript
ES6新特性三: Generator(生成器)函数详解
Apr 21 Javascript
webpack 2的react开发配置实例代码
Jul 28 Javascript
express如何使用session与cookie的方法
Jan 30 Javascript
vue router 跳转后回到顶部的实例
Aug 31 Javascript
JS实现水平遍历和嵌套递归操作示例
Aug 15 Javascript
es5 类与es6中class的区别小结
Nov 09 Javascript
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缓存技术介绍
2006/11/25 PHP
phpmyadmin config.inc.php配置示例
2013/08/27 PHP
phpmyadmin出现Cannot start session without errors问题解决方法
2014/08/14 PHP
PHP的运行机制与原理(底层)
2015/11/16 PHP
CentOS7编译安装php7.1的教程详解
2019/04/18 PHP
网页的标准,IMG不支持onload标签怎么办
2006/06/29 Javascript
使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
2011/07/10 Javascript
jquery实现多级下拉菜单的实例代码
2013/10/02 Javascript
Bootstrap登陆注册页面开发教程
2016/07/12 Javascript
Angularjs的ng-repeat中去除重复数据的方法
2016/08/05 Javascript
3种vue路由传参的基本模式
2018/02/22 Javascript
关于js的三种使用方式(行内js、内部js、外部js)的程序代码
2018/05/05 Javascript
vue 下列表侧滑操作实例代码详解
2018/07/24 Javascript
vue通过过滤器实现数据格式化
2020/07/20 Javascript
JavaScript实现烟花绽放动画效果
2020/08/04 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
2020/11/16 Javascript
python实现的简单抽奖系统实例
2015/05/22 Python
Python文档生成工具pydoc使用介绍
2015/06/02 Python
浅谈Python单向链表的实现
2015/12/24 Python
centos6.8安装python3.7无法import _ssl的解决方法
2018/09/17 Python
详解Python数据可视化编程 - 词云生成并保存(jieba+WordCloud)
2019/03/26 Python
Python3中_(下划线)和__(双下划线)的用途和区别
2019/04/26 Python
不到40行代码用Python实现一个简单的推荐系统
2019/05/10 Python
卡西欧B级产品官方网站:Casio Outlet
2018/05/22 全球购物
L’AGENCE官网:加州女装品牌
2018/06/03 全球购物
BookOutlet加拿大:在网上书店购买廉价折扣图书和小说
2018/10/05 全球购物
试用期转正鉴定评语
2014/01/27 职场文书
小学三八妇女节活动方案
2014/03/16 职场文书
党员承诺书内容
2014/03/26 职场文书
初三新学期计划书
2014/05/03 职场文书
思想作风纪律整顿心得体会
2014/09/04 职场文书
读后感作文评语
2014/12/25 职场文书
道歉的话怎么说
2015/05/12 职场文书
图解上海144收音机
2021/04/22 无线电
详解Vue项目的打包方式(生成dist文件)
2022/01/18 Vue.js
golang连接MySQl使用sqlx库
2022/04/14 Golang