javascript的location用法
- location 属性、用法以及相关示例:
Location包含了关于当前 URL 的信息。location 对象描述了与一个给定的 Window 对象关联的完整 URL。location 对象的每个属性都描述了 URL 的不同特性。
- 属性概览:
. 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 = '...'”来达到此目的。
- 方法概览:
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"; }