喜迎
春节

使用JS获取当前页面的URL(网址信息)


var url;

url = window.location.href; /* 获取完整URL */
alert(url); /* http://127.0.0.1:8020/Test/index.html#testname=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;

文章作者: NekoDeng
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 NekoDeng !
评 论
 上一篇
关于前端图片加载优化方式方法
关于前端图片加载优化方式方法
图片加载优化 不用图片 对于移动端来说,一般图片都用 CDN 加载,可以计算出适配屏幕的宽度,然后去请求相应裁剪好的图片。 小图使用 base64 格式 将多个图标文件整合到一张图片中(雪碧图) 对于能够显示 WebP 格式的浏览器尽量使用
2020-09-12
下一篇 
PHP+Mysql知识
PHP+Mysql知识
PHP(HyperText Preprocessor)是一种创建动态交互性站点的强有力的服务器端脚本语言。 第一句 Hello World<?php echo 'hello word<br>'; //
2020-09-10
  目录