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 相关文章推荐
Javascript 加载和执行-性能提高篇
Dec 28 Javascript
js写一个字符串转成驼峰的实例
Jun 21 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
Nov 28 Javascript
jquery操作复选框(checkbox)的12个小技巧总结
Feb 04 Javascript
jQuery实现DIV层收缩展开的方法
Feb 27 Javascript
js面向对象编程总结
Feb 16 Javascript
vue axios 在页面切换时中断请求方法 ajax
Mar 05 Javascript
JavaScript继承与多继承实例分析
May 26 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
Aug 09 Javascript
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
Jun 10 Javascript
vue.config.js中配置Vue的路径别名的方法
Feb 11 Javascript
Vue实现开关按钮拖拽效果
Sep 22 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代码包装修正版
2008/03/15 PHP
PHP多线程抓取网页实现代码
2010/07/22 PHP
php 获取全局变量的代码
2011/04/21 PHP
基于php下载文件的详解
2013/06/02 PHP
php实现获取局域网所有用户的电脑IP和主机名、及mac地址完整实例
2014/07/18 PHP
js获取元素在浏览器中的绝对位置
2010/07/24 Javascript
使用Mootools动态添加Css样式表代码,兼容各浏览器
2011/12/12 Javascript
通过JQuery实现win8一样酷炫的动态磁贴效果(示例代码)
2013/07/13 Javascript
jquery向上向下取整适合分页查询
2014/09/06 Javascript
js实现透明度渐变效果的方法
2015/04/10 Javascript
简介JavaScript中Boolean.toSource()方法的使用
2015/06/05 Javascript
Javascript编程之继承实例汇总
2015/11/28 Javascript
点击页面任何位置隐藏div的实现方法
2016/09/05 Javascript
详解Angular的内置过滤器和自定义过滤器【推荐】
2016/12/26 Javascript
Bootstrap显示与隐藏简单实现代码
2017/03/06 Javascript
JavaScript数据结构与算法之队列原理与用法实例详解
2017/11/22 Javascript
webpack多页面开发实践
2017/12/18 Javascript
妙用缓存调用链实现JS方法的重载
2018/04/30 Javascript
Vue-cli配置打包文件本地使用的教程图解
2018/08/02 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
2019/05/12 Javascript
[01:22:42]2014 DOTA2华西杯精英邀请赛 5 24 DK VS LGD
2014/05/26 DOTA
python中使用%与.format格式化文本方法解析
2017/12/27 Python
Python操作MongoDB数据库的方法示例
2018/01/04 Python
浅谈python requests 的put, post 请求参数的问题
2019/01/02 Python
Pandas之MultiIndex对象的示例详解
2019/06/25 Python
python自动点赞功能的实现思路
2020/02/26 Python
Marmot土拨鼠官网:美国专业户外运动品牌
2018/01/11 全球购物
机械设计专业应届生求职信
2013/11/21 职场文书
四好少年事迹材料
2014/01/12 职场文书
商场周年庆活动方案
2014/08/19 职场文书
房屋过户委托书范本
2014/10/07 职场文书
群众路线剖析材料怎么写
2014/10/09 职场文书
第二批党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
初一语文教学反思
2016/03/03 职场文书
Mysql 用户权限管理实现
2021/05/25 MySQL
Java集成swagger文档组件
2021/06/28 Java/Android