location对象的属性和方法(用法)
2013-04-12 16:52
651 查看
location对象提供了很多属性和方法用来解析URL。
<head>
<title></title>
<script type="text/javascript">
var uristr = window.location.search.substr(1);
var array = uristr.split('&&');
for (var i = 0; i < array.length; i++) {
var array1 = array[i].split('=');
alert(array1[0]);
}
--------------------//hash:返回#符号后的内容
function showhash() {
alert(window.location.hash);
}
--------------------//host:服务器的名字
function showhost() {
alert(window.location.host);
}
--------------------//href:当前载入的页面的完整的URL
function showhref() {
alert(window.location.href);
}
--------------------//pathname:url中主机名后的部分
function showpathname() {
alert(window.location.pathname);
}
--------------------//protocal:URL中使用的协议
function showprotacal() {
alert(window.location.protocal);
}
--------------------//search:执行get请求的URL中问号后面的部分,又称为查询字符串
function showsearch() {
alert(window.location.search);
}
</script>
</head>
<body>
<input type="button" value="Hash" onclick="showhash();" />
<br />
<input type="button" value="host" onclick="showhost();" />
<br />
<input type="button" value="href" onclick="showhref();" />
<br />
<input type="button" value="pathname" onclick="showpathname();" />
<br />
<input type="button" value="protocal" onclick="showprotacal();" />
<br />
<input type="button" value="search" onclick="showsearch();" />
</body>
测试search的时候,需要从另一个页面点击一个连接,从浏览器地址栏穿过来值:
<body>
<a href="HTMLPage1.htm?name='王五'&&age=22">GO</a>
</body>
<head>
<title></title>
<script type="text/javascript">
var uristr = window.location.search.substr(1);
var array = uristr.split('&&');
for (var i = 0; i < array.length; i++) {
var array1 = array[i].split('=');
alert(array1[0]);
}
--------------------//hash:返回#符号后的内容
function showhash() {
alert(window.location.hash);
}
--------------------//host:服务器的名字
function showhost() {
alert(window.location.host);
}
--------------------//href:当前载入的页面的完整的URL
function showhref() {
alert(window.location.href);
}
--------------------//pathname:url中主机名后的部分
function showpathname() {
alert(window.location.pathname);
}
--------------------//protocal:URL中使用的协议
function showprotacal() {
alert(window.location.protocal);
}
--------------------//search:执行get请求的URL中问号后面的部分,又称为查询字符串
function showsearch() {
alert(window.location.search);
}
</script>
</head>
<body>
<input type="button" value="Hash" onclick="showhash();" />
<br />
<input type="button" value="host" onclick="showhost();" />
<br />
<input type="button" value="href" onclick="showhref();" />
<br />
<input type="button" value="pathname" onclick="showpathname();" />
<br />
<input type="button" value="protocal" onclick="showprotacal();" />
<br />
<input type="button" value="search" onclick="showsearch();" />
</body>
测试search的时候,需要从另一个页面点击一个连接,从浏览器地址栏穿过来值:
<body>
<a href="HTMLPage1.htm?name='王五'&&age=22">GO</a>
</body>
相关文章推荐
- location、history、screen、navigator 对象的属性与方法纵览
- html文档中的location对象属性理解及常见的用法
- HTML、js:如何利用Location对象的常用属性和方法重新加载、刷新页面
- html文档中的location对象属性理解及常见的用法
- as3访问对象属性和方法的经典用法
- vue-cli 属性绑定高级用法 class 对象方法
- 【JS--基础--对象】--基础用法(通用的Object属性和方法)
- TWebBrowser 与 MSHTML(4): location、history、screen、navigator 对象的属性与方法纵览
- js:window、location对象的常用属性和方法的应用
- javascript封装判断全数据类型方法, toString方法, 对象的枚举(in, instanceof, hasOwnProperty的用法), arguments类数组属性
- js之prototype用法(给对象添加通用属性/方法)
- location对象的属性和方法应用(解析URL)
- js之prototype用法(给对象添加通用属性/方法)
- location对象的属性和方法应用(解析URL)
- PHP实现删除多重数组对象属性并重新赋值的方法
- 浅谈js内置对象Math的属性和方法(推荐)
- Javascript Function 对象 属性和方法
- JavaScript对象中属性的getter和setter方法
- php面向对象中static静态属性和静态方法的调用