JS中Location的使用

一、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

时间: 2024-09-29 20:36:37

JS中Location的使用的相关文章

JS中location.search什么意思

JS中location.search什么意思 设置或获取 网页地址跟在问号后面的部分 当以get方式在url中传递了请求参数时,可以利用location的search属性提取参数的值,下面的代码把参数的名称和对应的值存储在2个数组中. <script>function test(){var url=window.location.search;if(url.indexOf("?")!=-1) {    var str = url.substr(1)     strs = s

5月15日上课笔记-js中 location对象的属性、document对象、js内置对象、Date事件对象、

location的属性: host: 返回当前主机名和端口号 定时函数: setTimeout( ) setInterval() 二.document对象 getElementById(); 根据ID值获取一个DOM对象 getElementsByName(); 根据name属性值获取多个Dom对象 getElementsByTagName(); 根据标签获取多个DOM对象 获取标签体内容 innerHTML 获取input的value值 value 获取下拉框选中的值 value this 代

js中location.href的用法

常用的location.href的几种形式: self.location.href; window.location.href; this.location.href; location.href; parent.location.href; top.location.href; 举例: a.html: <form id="form1" action=""> <div><strong>这是a.html页面<strong>

js 中location 的学习

alert(location.hash);// 空alert(location.host);//返回服务器名称和端口号alert(location.hostname);//返回不带端口号的服务器名称alert(location.href);//返回当前加载页面的完整的URLalert(location.toString());//返回当前加载页面的完整的URLalert(location.pathname);//返回URL的目录和文件名alert(location.port);//返回URL中指

js中location.search、split()HTML5中localStorage

1. location.search在客户端获取Url参数的方法 location.search是从当前URL的?号开始的字符串 如:http://www.baidu.com/s?wd=baidu&cl=3 它的search就是?wd=baidu&cl=3 如: location.search.substr(1).split("&")[0] 可以返回第一个参数:wd=baidu 如: location.search.split('?')[1] 可以返回所有参数:

JS中Location使用

JS和CSS ,HTML 与PHP之间的一些体会 public function del(){ $o_id=isset($_REQUEST['o_id'])?$_REQUEST['o_id']:''; $ids = isset($_REQUEST['ids'])?$_REQUEST['ids']:''; $model = SF('\\model\\AdminModel'); if(!empty($o_id)){ if( $model->del('bk_order','o_id='.$o_id))

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法 "window.location.href"."location.href"是本页面跳转. "parent.location.href" 是上一层页面跳转. "top.location.href" 是最外层的页面跳转. 举例说明: 如果A,B,C,D都是html,D

springMVC框架在js中使用window.location.href请求url时IE不兼容问题解决

是使用springMVC框架时,有时候需要在js中使用window.location.href来请求url,比如下面的路径: window.location.href = 'forecast/download.do' 在谷歌浏览器下,实际请求的路径是:项目名/forecast/download.do 而在IE下访问时在中间多了好几层文件夹: 造成这种情况的原因是各种浏览器在使用window.localtion.href请求相对路径时处理方法不同 IE是从当前当前路径开始跳转 谷歌是从根目录开始跳

关于js中window.location.href,location.href,parent.location.href,top.location.href的使用方法

关于js中"window.location.href"."location.href"."parent.location.href"."top.location.href"的使用方法 "window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.locatio