location对象的属性和方法应用(解析URL)

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>

赞 (0)

相关推荐

  • 获取当前网页document.url location.href区别总结

    JAVASCRIPT權威指南第四版上說,這兩個有區別. 參見 document.URL 章節. [document.URL是訪問的文檔URL,而window.location.href是真實的文檔URL 搞不明白.服务器重定向后有可能使document.url变动,但window.location.href指的永远是访问该网页时用的URL.document.url只能作为只读字符串

  • JS 中document.URL 和 windows.location.href 的区别

    document 表示的是一个文档对象,windows 表示一个窗口对象. 一个窗口下面可以有很多的document对象.每个document 都有 一个URL. 但是,这不是所有的区别.当你ctrl + F5 一个链接 http://www.jb51.net/#server 打印 alert(document.URL ); 和 alert(windows.location.href); 发现,这两个的值不一样, document.URL : http://www.jb51.net/ windo

  • location.search在客户端获取Url参数的方法

    复制代码 代码如下: var id; function getid() { var url=location.search; var Request = new Object(); if(url.indexOf("?")!=-1) { var str = url.substr(1) //去掉?号 strs = str.split("&"); for(var i=0;i<strs.length;i++) { Request[strs[i].split(&

  • location对象的属性和方法应用(解析URL)

    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+

  • python 特殊属性及方法详细解析

    python 特殊属性及方法详细解析

    目录 概述 特殊属性 1. _ _ name _ _ 2._ _ bases _ _ 和_ _ base _ _ 以及 _ _ mro _ _ 3._ _ class _ _ 4._ _ dict _ _ 特殊方法 1. _ _ subclasses _ _ () 2._ _ new _ _ (). _ _ init _ _ ()和 _ _ del _ _ () 3._ _ repr _ _ ()和 _ _ str _ _ () 4._ _ call _ _ () 5._ _ lt _ _ ()

  • jQuery事件对象的属性和方法详解

    jQuery事件对象的属性和方法详解

    jQuery事件对象的属性和方法,供大家参考,具体内容如下 事件对象的属于与方法有很多,但是我们经常用的只有那么几个,这里我主要说下作用与区别 event.type:获取事件的类型 触发元素的事件类型 $("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY:获取鼠标当前相对于页面的坐标 通过这2个属性,可以确定元素在当前页面的坐标值,鼠标

  • 基于js对象,操作属性、方法详解

    一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在Javascript中,已经存在一些标准的类,例如Date.Array.RegExp.String.Math.Number等等,这为我们编程提供了许多方便.但对于复杂的客户端程序而言,这些还远远不够. 与Java不同,Java2提供给我们的标准类很多,基本上满足了我们的编程需求,但是Javascript提供的标准类很

  • js return返回多个值,通过对象的属性访问方法

    return返回多个值,通过对象的属性访问 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style></style> <script> function add(a,b){ var sum; var sub return{ sum

  • java根据List内对象的属性排序方法

    java根据List内对象的属性排序方法

    方法一:实现Comparator接口,并重写compare方法 实体类代码: import java.util.Comparator; /** * 学生类 方法一 * 实现Comparator接口 * 并重写compare方法 * @author liaot * */ public class Student implements Comparator<Student>{ private String name; //姓名 private int age; //年龄 //重写 比较方法 本次例

  • Java对象转json的方法过程解析

    Java对象转json的方法过程解析

    这篇文章主要介绍了Java对象转json的方法过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1. jsonlib:个人感觉最麻烦的一个需要导入的包也多,代码也相对多一些. 2.Gson:google的 3.FastJson:阿里巴巴的,个人觉得这个比较好,而且据说这个也是性能最好一个. 下面就贴出三种写法的代码,读者可以任选其一去使用.关于demo里面所使用的jar包,可以自行去下载. Jsonlib: package json; i

  • 详解js访问对象的属性和方法

    对象的属性和方法统称为对象的成员. 访问对象的属性 在JavaScript中,可以使用" . "和" [ ] "来访问对象的属性. 二者区别:" . "表示法一般作为静态对象使用时来存取属性.而"[ ]"表示法在动态存取属性时就非常有用. var object = {name:'xiaoming',age:29}; var name1 = object.name;var name2 = object['name']; 访问对象

  • Python实现动态给类和对象添加属性和方法操作示例

    本文实例讲述了Python实现动态给类和对象添加属性和方法操作.分享给大家供大家参考,具体如下: 动态给类和对象添加属性 定义一个Person类 class Person(object): def __init__(self, name): self.name = name 给对象添加属性 # 创建2个Person,分别为p1,p2 p1 = Person('amy') print(p1.name) p1.age = 10 # 给p1对象添加属性 print(p1.age) # 输出10 p2

  • Python详解如何动态给对象增加属性和方法

    Python详解如何动态给对象增加属性和方法

    Python对象动态的增加属性和方法 前面我们了解到数据封装.继承和多态只是面向对象程序设计中最基础的3个概念. 在Python中,面向对象还有很多高级特性,允许我们写出非常强大的功能. python是动态语⾔,动态编程语⾔是⾼级程序设计语⾔的⼀个类别,在计算机科学领域已被⼴泛应⽤.它是⼀类在 运⾏时可以改变其结构 的语⾔ :例如新的函数.对象.甚⾄代码可以被引进,已有的函数可以被删除或是其他结构上的变化. 动态语⾔⽬前⾮常具有活⼒,例如,我们现在创建一个人的类,在这个类里面,定义了两个初始属性

随机推荐