JavaScript 获取当前网页 URL 的方法

作者:半夏

时间:2026-10-23

浏览:457

本文介绍如何在 JavaScript 中获取当前网页的完整 URL。通过 location.href 属性可以直接读取地址栏信息,适用于无需服务器支持的前端场景。

文章目录
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> <style type="text/css"> <!-- body { font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #0099FF; font-family: Arial, "宋体"; } tr { background-color: #99CC00; } --> </style> </head> <body> <p>本站</p> <table width="80%"> <tr> <td width="17%">脚本介绍</td> <td width="83%">返回当前网页的URL</td> </tr> <tr> <td>脚本代码</td> <td>document.write(document.URL)</td> </tr> <tr> <td>脚本运行</td> <td>  </td> </tr> </table> <p>该脚本的价值是在没有服务器技术的情况下通过标签访问的方法向网页传送信息,即在地址栏输入 http://网址#书签,代码将返回相同信息 </p> <hr> <p>Copyright&copy; 2007 JB51.Net http://jb51.net</p> </body> </html>

获取当前网页 URL

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章