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 控制 html元素 显示/隐藏实现代码
Sep 01 Javascript
javascript preload&amp;lazy load
May 13 Javascript
js中设置元素class的三种方法小结
Aug 28 Javascript
js动态移动滚动条至底部示例代码
Apr 24 Javascript
javascript中实现兼容JAVA的hashCode算法代码分享
Aug 11 Javascript
js 左右悬浮对联广告代码示例
Dec 12 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
Jan 27 Javascript
jQuery循环遍历子节点并获取值的方法
Apr 14 Javascript
AngularJS ng-bind-template 指令详解
Jul 30 Javascript
codeMirror插件使用讲解
Jan 16 Javascript
bootstrap table插件动态加载表头
Jul 19 Javascript
vue编写简单的购物车功能
Jan 08 Vue.js
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
DedeCMS 核心类TypeLink.class.php摘要笔记
2010/04/07 PHP
PHP内核探索:变量存储与类型使用说明
2014/01/30 PHP
php实现文件上传及头像预览功能
2017/01/15 PHP
jquery $.ajax入门应用二
2008/11/19 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
2010/03/24 Javascript
jquery加载页面的方法(页面加载完成就执行)
2011/06/21 Javascript
javascript中方便增删改cookie的一个类
2012/10/11 Javascript
JS将制定内容复制到剪切板示例代码
2014/02/11 Javascript
简介JavaScript中Math.cos()余弦方法的使用
2015/06/15 Javascript
通用无限极下拉菜单的实现代码
2016/05/31 Javascript
详解ECharts使用心得总结
2016/12/06 Javascript
canvas实现流星雨的背景效果
2017/01/13 Javascript
Vuex和前端缓存的整合策略详解
2017/05/09 Javascript
JS验证输入的是否是数字及保留几位小数问题
2018/05/09 Javascript
微信小程序swiper实现滑动放大缩小效果
2018/11/15 Javascript
[46:55]完美世界DOTA2联赛决赛 FTD vs Phoenix 第三场 11.08
2020/11/11 DOTA
Python reduce()函数的用法小结
2017/11/15 Python
PyQt5每天必学之滑块控件QSlider
2018/04/20 Python
Python操作Sql Server 2008数据库的方法详解
2018/05/17 Python
使用Python的toolz库开始函数式编程的方法
2018/11/15 Python
Python 加密与解密小结
2018/12/06 Python
Python3 SSH远程连接服务器的方法示例
2018/12/29 Python
Python检测数据类型的方法总结
2019/05/20 Python
Numpy之将矩阵拉成向量的实例
2019/11/30 Python
Python使用Socket实现简单聊天程序
2020/02/28 Python
css背景图片的背景裁切、背景透明度、背景变换等效果运用
2012/12/24 HTML / CSS
俄罗斯在线购买飞机票、火车票、巴士票网站:Tutu.ru
2020/03/16 全球购物
几道PHP的面试题
2012/05/19 面试题
中间件分为哪几类
2012/03/14 面试题
行政人事经理职位说明书
2014/03/05 职场文书
销售会计岗位职责
2014/03/15 职场文书
家居装修公司创业计划书范文
2014/03/20 职场文书
英语教研活动总结
2014/07/02 职场文书
财会专业大学生求职信
2014/09/26 职场文书
工程项目经理岗位职责
2015/02/02 职场文书
2015年国际护士节演讲稿
2015/03/18 职场文书