零基础学做网站培训介绍

当前位置:

JS获取网页URL地址及各类参数

使用JS获取网页URL地址及各类参数是网站制作过程中经常用到,例如通过JS获取完整URL,通过JS获取获取文件路径(文件地址)等等。

下面汇总了JS获取网页URL地址及各类参数的代码,方便大家在网站制作中使用。


url = window.location.href; /* 获取完整URL */

alert(url); /* http://127.0.0.1:8020/Test/index.html#test?name=test */


url = window.location.pathname; /* 获取文件路径(文件地址) */

alert(url); /* /Test/index.html */


url = window.location.protocol; /* 获取协议 */

alert(url); /* http */


url = window.location.host; /* 获取主机地址和端口号 */

alert(url); /* http://127.0.0.1:8020/ */


url = window.location.hostname; /* 获取主机地址 */

alert(url); /* http://127.0.0.1/ */


url = window.location.port; /* 获取端口号 */

alert(url); /* 8020 */


url = window.location.hash; /* 获取锚点(“#”后面的分段) */

alert(url); /* #test?name=test */


url = window.location.search; /* 获取属性(“?”后面的分段) */

alert(url);

/* 如果需要URL中的某一部分,可以自己进行处理 */


url = window.location.pathname;
url = url.substring(url.lastIndexOf('/') + 1, url.length);

alert(url); /* /index.html */

/*
* 如果页面使用了框架(frameset)
* 要获取到指定页面的URL
* 只要把window换成指定的页面即可
*/

/* 'frame'为指定页面的class名 */


var url = window.parent.frames['frame'].location.href;

/* 获取当前地址栏中显示的URL */


var url = window.parent.location.href;

/* window parent 可互换 */


var url = parent.window.location.href;

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程