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 相关文章推荐
JavaScript 组件之旅(四):测试 JavaScript 组件
Oct 28 Javascript
如何通过javascript操作web控件的自定义属性
Nov 25 Javascript
Jquery 获取对象的几种方式介绍
Jan 17 Javascript
Jquery之Bind方法参数传递与接收的三种方法
Jun 24 Javascript
html的DOM中document对象images集合用法实例
Jan 21 Javascript
微信WeixinJSBridge API使用实例
May 25 Javascript
JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
Jun 05 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
Dec 05 Javascript
微信小程序-getUserInfo回调的实例详解
Oct 27 Javascript
Vue项目分环境打包的实现步骤
Apr 02 Javascript
从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法
Sep 18 Javascript
微信小程序实现滑动切换自定义页码的方法分析
Dec 29 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
Yii框架分页实现方法详解
2017/05/20 PHP
JQuery实现用户名无刷新验证的小例子
2013/03/22 Javascript
javascript代码运行不出来执行错误的可能情况整理
2013/10/18 Javascript
js获取指定的cookie的具体实现
2014/02/20 Javascript
jQuery实现流动虚线框的方法
2015/01/29 Javascript
小心!AngularJS结合RequireJS做文件合并压缩的那些坑
2016/01/09 Javascript
Bootstrap每天必学之级联下拉菜单
2016/03/27 Javascript
canvas实现图像布局填充功能
2017/02/06 Javascript
源码分析Vue.js的监听实现教程
2017/04/23 Javascript
react系列从零开始_简单谈谈react
2017/07/06 Javascript
史上最全JavaScript常用的简写技巧(推荐)
2017/08/17 Javascript
webpack中使用iconfont字体图标的方法
2018/02/22 Javascript
React路由管理之React Router总结
2018/05/10 Javascript
JavaScript捕捉事件和阻止冒泡事件实例分析
2018/08/03 Javascript
js实现前面自动补全位数的方法
2018/10/10 Javascript
angular中如何绑定iframe中src的方法
2019/02/01 Javascript
js实现时分秒倒计时
2019/12/03 Javascript
Vue 嵌套路由使用总结(推荐)
2020/01/13 Javascript
9个JavaScript日常开发小技巧
2020/10/06 Javascript
使用jquery实现轮播图效果
2021/01/02 jQuery
[01:00:22]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第三场 1月10日
2021/03/11 DOTA
用python实现的去除win下文本文件头部BOM的代码
2013/02/10 Python
python sort、sorted高级排序技巧
2014/11/21 Python
django实现分页的方法
2015/05/26 Python
python文件拆分与重组实例
2018/12/10 Python
浅谈pyqt5在QMainWindow中布局的问题
2019/06/21 Python
python利用后缀表达式实现计算器功能
2021/02/22 Python
UNIX文件系统常用命令
2012/05/25 面试题
初任培训自我鉴定
2013/10/07 职场文书
妇女干部培训方案
2014/05/12 职场文书
五四青年节优秀演讲稿范文
2014/05/28 职场文书
2014幼儿园教师师德师风演讲稿
2014/09/10 职场文书
预备党员对照检查材料思想汇报
2014/09/24 职场文书
2014年后勤工作总结
2014/11/18 职场文书
2014年卫生监督工作总结
2014/12/09 职场文书
公司档案管理制度
2015/08/05 职场文书