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的一些常用方法小结
Jun 29 Javascript
关于Jquery操作Cookie取值错误的解决方法
Aug 26 Javascript
javascript获取元素CSS样式代码示例
Nov 28 Javascript
javascript判断是否按回车键并解决浏览器之间的差异
May 13 Javascript
jquery禁止回车触发表单提交
Dec 12 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
Mar 13 Javascript
ajax请求data遇到的问题分析
Jan 18 Javascript
Vue手把手教你撸一个 beforeEnter 钩子函数
Apr 24 Javascript
js刷新页面location.reload()用法详解
Dec 09 Javascript
vue自定义指令和动态路由实现权限控制
Aug 28 Javascript
浅谈nuxtjs校验登录中间件和混入(mixin)
Nov 06 Javascript
Webpack3+React16代码分割的实现
Mar 03 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
用IE远程创建Mysql数据库的简易程序
2006/10/09 PHP
相对路径转化成绝对路径
2007/04/10 PHP
php 空格,换行,跳格使用说明
2009/12/18 PHP
php检测网页是否被百度收录的函数代码
2013/10/09 PHP
PHP PDO数据库操作预处理与注意事项
2019/03/16 PHP
PHP7 标准库修改
2021/03/09 PHP
javascript 打印页面代码
2009/03/24 Javascript
js和jquery使按钮失效为不可用状态的方法
2014/01/26 Javascript
javascript/jquery获取地址栏url参数的方法
2014/03/05 Javascript
分享一个自己写的简单的javascript分页组件
2015/02/15 Javascript
使用javascript实现判断当前浏览器
2015/04/14 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
2015/06/23 Javascript
jquery实现倒计时效果
2015/12/14 Javascript
基于jQuery实现放大镜特效
2020/10/19 Javascript
js HTML5手机刮刮乐代码
2020/09/29 Javascript
Angular.JS中指令ng-if的注意事项小结
2017/06/21 Javascript
bootstrap fileinput插件实现预览上传照片功能
2018/01/23 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
2019/09/12 Javascript
详解React 元素渲染
2020/07/07 Javascript
Python中用altzone()方法处理时区的教程
2015/05/22 Python
Python中的命令行参数解析工具之docopt详解
2017/03/27 Python
pandas数值计算与排序方法
2018/04/12 Python
Python爬虫抓取技术的一些经验
2019/07/12 Python
python3文件复制、延迟文件复制任务的实现方法
2019/09/02 Python
python的链表基础知识点
2020/09/13 Python
德国家具在线:Fashion For Home
2017/03/11 全球购物
怎样建立和理解非常复杂的声明?例如定义一个包含N 个指向返回 指向字符的指针的函数的指针的数组?
2013/03/19 面试题
大学毕业登记表自我鉴定
2013/10/09 职场文书
会计试用期自我评价怎么写
2014/09/18 职场文书
我的大学四年规划书范文2014
2014/09/26 职场文书
网络工程专业大学生求职信
2014/10/01 职场文书
幼儿园教师考核评语
2014/12/31 职场文书
销售内勤岗位职责范本
2015/04/13 职场文书
道歉的话语大全
2015/05/12 职场文书
2015暑期爱心支教策划书
2015/07/14 职场文书
公务员爱岗敬业心得体会
2016/01/25 职场文书