javascript中的location用法简单介绍


Posted in Javascript onMarch 07, 2007

先前写了一片用window.location.href实现刷新另个框架页面 ,特此我看了一下locaiton的详细用法,对此有点改进,现在我将他整理成js,方便查阅,也贴上和朋友们分享一下,具体如下:

第一、简单介绍一下location属性、用法以及相关示例:
Location
包含了关于当前 URL 的信息。

描述
location 对象描述了与一个给定的 Window 对象关联的完整 URL。location 对象的每个属性都描述了 URL 的不同特性。
通常情况下,一个 URL 会有下面的格式:

协议//主机:端口/路径名称#哈希标识?搜索条件 例如:

http://skylaugh.cnblogs.com/index.html#topic1?x=7&y=2 这些部分是满足下列需求的:

“协议”是 URL 的起始部分,直到包含到第一个冒号。 
“主机”描述了主机和域名,或者一个网络主机的 IP 地址。
“端口”描述了服务器用于通讯的通讯端口。 
路径名称描述了 URL 的路径方面的信息。
“哈希标识”描述了 URL 中的锚名称,包括哈希掩码(#)。此属性只应用于 HTTP 的 URL。 
“搜索条件”描述了该 URL 中的任何查询信息,包括问号。此属性只应用于 HTTP 的 URL。“搜索条件”字符串包含变量和值的配对;每对之间由一个“&”连接。 

属性概览
hash: Specifies an anchor name in the URL. 
host: Specifies the host and domain name, or IP address, of a network host.  
hostname: Specifies the host:port portion of the URL.  
href: Specifies the entire URL.  
pathname: Specifies the URL-path portion of the URL.  
port: Specifies the communications port that the server uses.  
protocol: Specifies the beginning of the URL, including the colon.  
search: Specifies a query. 

方法概览
reload Forces a reload of the window's current document.  
replace Loads the specified URL over the current history entry.  

主要功能示例,其他类同:
hash:

newWindow.location.href = http://skylaugh.cnblogs.com
newWindow.location.hash = #59831 

host
A string specifying the server name, subdomain, and domain name.
newWindow.location.href =   http://skylaugh.cnblogs.com
newWindow.location.host = skylaugh.cnblogs.com

href
A string specifying the entire URL.

window.location.href="http://home.netscape.com/"

pathname
A string specifying the URL-path portion of the URL.

search
A string beginning with a question mark that specifies any query information in the URL.

newWindow.location.href = http://skylaugh.cnblogs.com
newWindow.location.search = ?newsid=111 

二、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";
}
</script>

Javascript 相关文章推荐
js左侧多级菜单动态的解决方案
Feb 01 Javascript
编写可维护面向对象的JavaScript代码[翻译]
Feb 12 Javascript
js中Math之random,round,ceil,floor的用法总结
Dec 26 Javascript
图片翻转效果具体实现代码
Jan 09 Javascript
jquery列表拖动排列(由项目提取相当好用)
Jun 17 Javascript
angular ngClick阻止冒泡使用默认行为的方法
Nov 03 Javascript
Javascript基础回顾之(三) js面向对象
Jan 31 Javascript
基于Bootstrap的网页设计实例
Mar 01 Javascript
tracking.js页面人脸识别插件使用方法
Apr 16 Javascript
深入浅析Vue中mixin和extend的区别和使用场景
Aug 01 Javascript
jQuery操作事件完整实例分析
Jan 10 jQuery
vue结合el-upload实现腾讯云视频上传功能
Jul 01 Javascript
JsEasy简介 JsEasy是什么?与下载
Mar 07 #Javascript
动态控制Table的js代码
Mar 07 #Javascript
js+FSO遍历文件夹下文件并显示
Mar 07 #Javascript
学习js所必须要知道的一些
Mar 07 #Javascript
修改发贴的编辑功能
Mar 07 #Javascript
Javascript之文件操作
Mar 07 #Javascript
得到文本框选中的文字,动态插入文字的js代码
Mar 07 #Javascript
You might like
PHP正则的Unknown Modifier错误解决方法
2010/03/02 PHP
php入门学习知识点四 PHP正则表达式基本应用
2011/07/14 PHP
40款非常有用的 jQuery 插件推荐(系列一)
2011/12/21 Javascript
form表单中去掉默认的enter键提交并绑定js方法实现代码
2013/04/01 Javascript
js实现图片拖动改变顺序附图
2014/05/13 Javascript
js去除输入框中所有的空格和禁止输入空格的方法
2014/06/09 Javascript
ES6中的数组扩展方法
2016/08/26 Javascript
Vue.js每天必学之过渡与动画
2016/09/06 Javascript
react性能优化达到最大化的方法 immutable.js使用的必要性
2017/03/09 Javascript
微信小程序 页面跳转如何实现传值
2017/04/05 Javascript
JS实现div模块的截图并下载功能
2017/10/17 Javascript
详解Angular6 热加载配置方案
2018/08/18 Javascript
快速解决vue-cli在ie9+中无效的问题
2018/09/04 Javascript
Vue点击切换颜色的方法
2018/09/13 Javascript
checkbox在vue中的用法小结
2018/11/13 Javascript
浅谈如何优雅处理JavaScript异步错误
2019/11/12 Javascript
JS 5种遍历对象的方式
2020/06/16 Javascript
前端vue如何使用高德地图
2020/11/05 Javascript
[02:36]DOTA2英雄基础教程 斯拉克
2013/11/29 DOTA
在Mac OS上使用mod_wsgi连接Python与Apache服务器
2015/12/24 Python
超简单的Python HTTP服务
2019/07/22 Python
python中下标和切片的使用方法解析
2019/08/27 Python
python快速排序的实现及运行时间比较
2019/11/22 Python
python求质数列表的例子
2019/11/24 Python
在python中使用nohup命令说明
2020/04/16 Python
解决Python发送Http请求时,中文乱码的问题
2020/04/30 Python
解决Python paramiko 模块远程执行ssh 命令 nohup 不生效的问题
2020/07/14 Python
跑步、骑行和铁人三项的高性能眼镜和服装:ROKA
2018/07/06 全球购物
加拿大租车网站:Enterprise Rent-A-Car
2018/07/26 全球购物
仓库管理计划书
2014/05/04 职场文书
2014年卫生院工作总结
2014/12/03 职场文书
八达岭长城导游词
2015/01/30 职场文书
全国爱眼日活动总结
2015/02/27 职场文书
pandas中DataFrame检测重复值的实现
2021/05/26 Python
Java实现斗地主之洗牌发牌
2021/06/14 Java/Android
ajax请求前端跨域问题原因及解决方案
2021/10/16 Javascript