location对象的属性和方法应用(解析URL)_Javascript教程-查字典教程网
location对象的属性和方法应用(解析URL)
location对象的属性和方法应用(解析URL)
发布时间:2016-12-30 来源:查字典编辑
摘要:location对象提供了很多属性和方法用来解析URL。复制代码代码如下:varuristr=window.location.search....

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" />

<br />

<input type="button" value="host" />

<br />

<input type="button" value="href" />

<br />

<input type="button" value="pathname" />

<br />

<input type="button" value="protocal" />

<br />

<input type="button" value="search" />

</body>

测试search的时候,需要从另一个页面点击一个连接,从浏览器地址栏穿过来值:

<body>

<a href="HTMLPage1.htm?name='王五'&&age=22">GO</a>

</body>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类