javascript的location用法

javascript的location用法

  1. location 属性、用法以及相关示例:
    Location包含了关于当前 URL 的信息。location 对象描述了与一个给定的 Window 对象关联的完整 URL。location 对象的每个属性都描述了 URL 的不同特性。
  2. 属性概览:
    	. port 返回地址的端口号,一般 http 的端口号是 '80'. host 返回主机名和端口号,如:'www.a.com:8080'. protocol 返回地址的协议,取值为 'http:','https:','file:' 等等。
    	. pathname 返回路径名,如“http://www.a.com/b/c.html”,location.pathname == 'b/c.html'. hostname 返回地址的主机名,例如,一个“http://www.microsoft.com/china/”的地址,location.hostname == 'www.microsoft.com'. hash 返回“#”以及以后的内容,如“http://www.a.com/b/c.html#chapter4”,location.hash == '#chapter4';如果地址里没有“#”,则返	回空字符串。
    	. search 返回“?”以及以后的内容,如“http://www.a.com/b/c.asp?selection=3&jumpto=4”,l ocation.search == '?selection=3&jumpto=4';可以使用“location.href = '...'”,也可以直接用“location = '...'”来达到此目的。
    
  3. 方法概览:
    	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";
    	}
    
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值