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模拟select,jselect的方法实现
Nov 08 Javascript
JS动态调用方法名示例介绍
Dec 18 Javascript
原生javascript实现Tab选项卡切换功能
Jan 12 Javascript
jQuery插件支持同一页面被多次调用
Feb 14 Javascript
讲解JavaScript的Backbone.js框架的MVC结构设计理念
Feb 14 Javascript
jQuery基于Ajax方式提交表单功能示例
Feb 10 Javascript
vuex直接赋值的三种方法总结
Sep 16 Javascript
mpvue项目中使用第三方UI组件库的方法
Sep 30 Javascript
JS Generator 函数的含义与用法实例总结
Apr 08 Javascript
vue项目在webpack2实现移动端字体自适配功能
Jun 02 Javascript
Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作
Aug 31 Javascript
利用JS判断元素是否为数组的方法示例
Jan 08 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企业级应用之常见缓存技术篇
2011/01/27 PHP
9个实用的PHP代码片段分享
2015/01/22 PHP
利用“多说”制作留言板、评论系统
2015/07/14 PHP
基于CI(CodeIgniter)框架实现购物车功能的方法
2018/04/09 PHP
jquery插件制作 手风琴Panel效果实现
2012/08/17 Javascript
javascript函数定义的几种区别小结
2014/01/06 Javascript
js实现鼠标感应向下滑动隐藏菜单的方法
2015/02/20 Javascript
JS获取鼠标相对位置的方法
2016/09/20 Javascript
JavaScript实现解析INI文件内容的方法
2016/11/17 Javascript
微信小程序(三):网络请求
2017/01/13 Javascript
vue项目webpack中Npm传递参数配置不同域名接口
2018/06/15 Javascript
vue 点击按钮增加一行的方法
2018/09/07 Javascript
Vue自定义指令写法与个人理解
2019/02/09 Javascript
JS实现可视化音频效果的实例代码
2020/01/16 Javascript
JavaScript中的执行环境和作用域链
2020/09/04 Javascript
ES6学习教程之Promise用法详解
2020/11/22 Javascript
详解Python编程中包的概念与管理
2015/10/16 Python
在PyCharm下打包*.py程序成.exe的方法
2018/11/29 Python
浅谈Python3识别判断图片主要颜色并和颜色库进行对比的方法
2019/10/25 Python
Jupyter notebook 启动闪退问题的解决
2020/04/13 Python
python 制作简单的音乐播放器
2020/11/25 Python
谷歌浏览器小字体处理方案即12px以下字体
2013/12/17 HTML / CSS
使用canvas一步步实现图片打码功能的方法
2019/06/17 HTML / CSS
捷克时尚网上商店:OTTO
2018/03/15 全球购物
完美实现CSS垂直居中的11种方法
2021/03/27 HTML / CSS
学生自我鉴定范文
2013/10/04 职场文书
会计毕业自我鉴定
2014/02/05 职场文书
护士毕业生自荐信
2014/02/07 职场文书
驾驶员安全责任书范本
2014/07/24 职场文书
公务员检讨书
2014/11/01 职场文书
期中考试复习计划
2015/01/19 职场文书
办公室管理规章制度
2015/08/04 职场文书
2016年小学感恩节活动总结
2016/04/01 职场文书
解决Nginx 配置 proxy_pass 后 返回404问题
2021/03/31 Servers
MySQL分区表实现按月份归类
2021/11/01 MySQL
JS精髓原型链继承及构造函数继承问题纠正
2022/06/16 Javascript