分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

js获取当前页面url信息

发布时间:2023-09-06 02:30责任编辑:赖小花关键词:jsurl
``` ???
<!DOCTYPE html> ?????<html> ?????????<head> ?????????????<meta charset="utf-8" /> ?????????????<title></title> ?????????????<script> ?????????????????var 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; ?????????????</script> ?????????</head> ?????????<body> ?????????</body> ?????</html> ?

<wiz_tmp_tag id="wiz-table-range-border" contenteditable="false" style="display: none;">

```

js获取当前页面url信息

原文地址:https://www.cnblogs.com/kasi/p/10293942.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved