JS的window.location应用实例

window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。

Window Location
window.location 对象在编写时可不使用 window 这个前缀。
一些例子:
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 (80 或 443)
location.protocol 返回所使用的 web 协议(http:// 或 https://)

Window Location Href
location.href 属性返回当前页面的 URL。
实例
返回(当前页面的)整个 URL:

<script>
document.write(location.href);
</script>

查看效果:http://hovertree.com/hvtart/bjae/wvobi5ky.htm

Window Location Pathname
location.pathname 属性返回 URL 的路径名。
实例
返回当前 URL 的路径名:

<script>
document.write(location.pathname);
</script>

查看效果:http://hovertree.com/hvtart/bjae/wvobi5ky.htm

Window Location Assign
location.assign() 方法加载新的文档。

可以先查看文档的内容:http://hovertree.com/texiao/js/6.htm

实例
加载一个新的文档:

<html>
<head>
<script>
function newDoc()
{
window.location.assign("http://hovertree.com/texiao/js/6.htm")
}
</script>
</head>
<body>

<input type="button" value="加载新文档" onclick="newDoc()">

</body>
</html>

体验效果:http://hovertree.com/hvtart/bjae/wvobi5ky.htm

web前端:http://www.cnblogs.com/jihua/p/webfront.html

时间: 2024-10-12 19:27:03

JS的window.location应用实例的相关文章

关于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

关于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

关于js中&quot;window.location.href&quot;、&quot;location.href&quot; 等如何跳转

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

关于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都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写 "window.location.href"."locatio

js中window.location.search的用法和作用

用该属性获取页面 URL 地址: window.location 对象所包含的属性 属性 描述 hash 从井号 (#) 开始的 URL(锚) host 主机名和当前 URL 的端口号 hostname 当前 URL 的主机名 href 完整的 URL pathname 当前 URL 的路径部分 port 当前 URL 的端口号 protocol 当前 URL 的协议 search 从问号 (?) 开始的 URL(查询部分) 如图就是取出url中的参数. js 脚本捕获页面 GET 方式请求的参

解决js中window.location.href不工作的问题

E6中在html中<a>标识中通过JS添加click事件调用一个JS函数,例如: < script   type = "text/javascript" > function   jump () { window . location . href = 'http://wisejenny.blog.163.com/blog/www.baidu.com' ; } function   enjoy () { return   false ; } < /scri

关于js中&quot;window.location.href&quot;、&quot;location.href&quot;、&quot;parent.location.href&quot;、&quot;top.location.href&quot;的用法(转)

iframe框架的页面跳转             var win = self.parent.document.getElementById('right').contentWindow; win.document.location.href = "VipManage.aspx"; ========================================================================== "window.location.href&

js中window.location.href解决target的问题

location是没办法设置target的.location就是本地本页的意思,只能设置本页的指向,如果界面中用到iframe那么可以这样: parent.frames["iframe的name"].window.loaction.href="a.jsp";

window.location.hash 页面跳转,精确定位,实例展示:

window.location.hash 页面跳转,精确定位,实例展示: (1).index.phtml,页面用于传参 <script id="bb_list_template" type="text/x-dot-template"> <a title="点击查看宝贝详情" href="<?php echo APP_WEB_INDEX_ROOT?>/item/itemdetail<?php echo