这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本篇文章主要对 javascript 获取 url 信息的常见方法进行介绍,具有很好的参考价值,需要的朋友一起来看下吧
先以 "http://www.cnblogs.com/wuxibolgs329/p/6188619.html#flag?test=12345" 为例,然后获得它的各个组成部分。
1、获取页面完整的 url
- var a = location.href;
- console.log(a); // "http://www.cnblogs.com/wuxibolgs329/p/5261577.html#flag?test=12345"
2、获取页面的域名
- var host = window.location.host; //www.cnblogs.com
- var host2 = document.domain; //www.cnblogs.com
- var a = location.hostname;//www.cnblogs.com
3、获取 url 协议
- var a = location.protocol;
- console.log(a); //http:
4、获取端口
- var a=location.port;
- console.log(a);
5、获取页面路径
- var a=location.pathname;
- console.log(a);
6、设置或获取 URL 的协议部分
- var a = location.protocol;
7、获取 #后的部分
- var a = window.location.hash;
- var b = a.substr(1);
- console.log(b); // flag?test=12345
8、获取 href 属性中跟在问号? 后面的部分
- // 此时案例地址变为"http://www.cnblogs.com/wuxibolgs329/p/5261577.html?test=12345"。得到 test=12345
- var a=location.search;
- var b=a.substr(1);
- console.log(b);
- //如果案例依旧是"http://www.cnblogs.com/wuxibolgs329/p/5261577.html#flag?test=12345",则需下面的写法,得到 test=12345
- var a=location.href;
- var b=a.substr(a.lastIndexOf('?')+1);
- console.log(b);
9、获取 = 号后面的部分
- var a = location.href;
- var b = a.substring(a.lastIndexOf('=') + 1);
- console.log(b); // 12345
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持 phperz!
来源: http://www.phperz.com/article/17/0614/329398.html