码迷,mamicode.com
首页 > Web开发 > 详细

JS中Location的使用

时间:2015-08-29 17:09:42      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:javascript

一、JS中Location属性

 

属性


hash

设置或返回从井号 (#) 开始的 URL(锚)。如果地址里没有“#”,则返回空字符串。


host

设置或返回主机名和当前 URL 的端口号。


hostname

设置或返回当前 URL 的主机名。


href

设置或返回完整的 URL。在浏览器的地址栏上怎么显示它就怎么返回。


pathname

设置或返回当前 URL 的路径部分。


port

设置或返回当前 URL 的端口号,设置或返回当前 URL 的端口号。


protocol

设置或返回当前 URL 的协议,取值为 ‘http:‘,‘https:‘,‘file:‘ 等等。


search

设置或返回从问号 (?) 开始的 URL(查询部分)。




二、JS中Location对象方法

 


assign()

加载新的文档。


reload()

重新加载当前文档,相当于按浏览器上的“刷新”(IE)或“Reload”(Netscape)键。


replace()

用新的文档替换当前文档,相当于按浏览器上的“刷新”(IE)或“Reload”键。




三、实例



//简单跳转
function gotoPage(url) {
var url ="url?catalogid="+catalogID;
window.location =url;
}
//为单个页面传递参数
function goto_catalog(iCat) {
if(iCat<=0) {
top.location = "url";
} else {
window.location ="url?catid="+iCat;
}
}
// 对指定框架进行跳转页面
function goto_iframe(url) {
parent.mainFrame.location ="url";
}




参考资料:  JS中Location  http://www.studyofnet.com/news/894.html

 

本文出自 “学习也休闲” 博客,请务必保留此出处http://studyofnet.blog.51cto.com/8142094/1689537

JS中Location的使用

标签:javascript

原文地址:http://studyofnet.blog.51cto.com/8142094/1689537

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!