获取当前地址 JS获取当前URL

最新推荐文章于 2025-09-30 08:49:56 发布
转载 最新推荐文章于 2025-09-30 08:49:56 发布 · 500 阅读 · 0

本文详细解析了如何获取网页的URL、当前页面路径、顶级页面路径、主机名等关键信息，并展示了如何从URL中提取页面名称。通过脚本演示，帮助开发者更好地理解并操作网页元信息。

 <table width=100% cellpadding=0 cellspacing=0 border=0 >
<scrīpt> 
thisURL = document.URL; 
thisHREF = document.location.href; 
thisSLoc = self.location.href; 
thisDLoc = document.location; 
strwrite = "<tr><td valign=top>thisURL: </td><td>[" + thisURL + "]</td></tr>" 
strwrite += "<tr><td valign=top>thisHREF: </td><td>[" + thisHREF + "]</td></tr>" 
strwrite += "<tr><td valign=top>thisSLoc: </td><td>[" + thisSLoc + "]</td></tr>" 
strwrite += "<tr><td valign=top>thisDLoc: </td><td>[" + thisDLoc + "]</td></tr>" 
document.write( strwrite ); 
</scrīpt> 
thisDLoc = document.location; <BR>
thisURL = document.URL; <BR>
thisHREF = document.location.href; <BR>
thisSLoc = self.location.href;<BR>
<scrīpt> 
thisTLoc = top.location.href; 
thisPLoc = parent.document.location; 
thisTHost = top.location.hostname; 
thisHost = location.hostname; 
strwrite = "<tr><td valign=top>thisTLoc: </td><td>[" + thisTLoc + "]</td></tr>" 
strwrite += "<tr><td valign=top>thisPLoc: </td><td>[" + thisPLoc + "]</td></tr>" 
strwrite += "<tr><td valign=top>thisTHost: </td><td>[" + thisTHost + "]</td></tr>" 
strwrite += "<tr><td valign=top>thisHost: </td><td>[" + thisHost + "]</td></tr>" 
document.write( strwrite ); 
</scrīpt> 
thisTLoc = top.location.href; <BR>
thisPLoc = parent.document.location; <BR>
thisTHost = top.location.hostname; <BR>
thisHost = location.hostname;<BR>
<scrīpt> 
tmpHPage = thisHREF.split( "/" ); 
thisHPage = tmpHPage[ tmpHPage.length-1 ]; 
tmpUPage = thisURL.split( "/" ); 
thisUPage = tmpUPage[ tmpUPage.length-1 ]; 
strwrite = "<tr><td valign=top>thisHPage: </td><td>[" + thisHPage + "]</td></tr>" 
strwrite += "<tr><td valign=top>thisUPage: </td><td>[" + thisUPage + "]</td></tr>" 
document.write( strwrite ); 
</scrīpt><tr><td>

 

转自：http://www.cnblogs.com/mbskys/articles/721527.html

JS 获取当前页面的URL
04-23
NULL 博文链接：https://onestopweb.iteye.com/blog/2292540
JS实现获取当前URL和来源URL的方法
11-22
本文实例讲述了JS实现获取当前URL和来源URL的方法。分享给大家供大家参考，具体如下： index.html： <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> <title>新建H5模板</title> </head> <body> 链接 </body> <
js取得当前url,javascript获取当前页面url值,js获取域名
yuanjinxiu
03-02 294
如果获取“当前”域名 host = window.location.host; url=document.domain; url = window.location.href; 取得完整url路径: 用以下代码可以完整研证结果: &lt;table width=100% cellpadding=0 c...
JS 获取当前页面 URL
最新发布
likuoelie的博客
09-30 1555
JavaScript 获取当前页面 URL 的方法总结： window.location.href：获取完整 URL（含协议、路径、参数等）； location 属性分解：如 hostname（域名）、pathname（路径）、search（参数）、hash（锚点）； document.URL：等效于 location.href，但只读； URL 对象解析：结构化处理查询参数（需现代浏览器支持）； jQuery 扩展：结合 DOM 操作获取链接。 注意事项：注意浏览器兼容性（如 IE 对 URL 对象支持有
js获取当前URL
leejin_521的专栏
11-04 488
asp.net中获取当前url的方法 HttpContext.Current.Request.Url.ToString() 并不可靠。 如果当前URL为 http://localhost/search.aspx?user=http://csharp.xdowns.com&tag=%BC%BC%CA%F5 通过HttpContext.Current.Request.Url.ToString
JavaScript 获取当前URL信息
明天也要努力的博客
07-27 1206
示例URL http://127.0.0.1:8080/testdemo/test.html?id=1&name=test // 返回 web 主机的域名，如：http://127.0.0.1:8080/testdemo/test.html?id=1&name=test var url = window.location.href; // 返回所使用的 web 协议，如：http: var protocol = window.location.protocol; // 返回当
js获取当前地址 JS获取当前URL的示例代码
10-26
本文将详细介绍如何使用JavaScript获取当前URL及其组成部分，并提供示例代码。 1. `document.URL`：这个属性返回当前浏览器窗口中加载的完整URL。包括协议（如http或https）、主机名、路径和查询字符串。例如：...
JavaScript获取当前url根目录(路径)
11-23
在JavaScript中，获取当前URL根...总的来说，JavaScript获取当前URL根目录可以通过多种方式实现，关键在于理解和利用`Location`对象及其属性。在实际编程中，根据具体需求选择合适的方法，并注意与其他功能的配合使用。
js获取IFRAME当前的URL的方法
10-26
以下将详细介绍如何使用JavaScript获取IFRAME的当前URL。 首先，我们需要理解IFRAME的工作原理。IFRAME是一种HTML元素，它可以嵌入另一个HTML文档到当前页面中。IFRAME有自己的独立上下文，包括DOM树、JavaScript...
nodejs实现获取当前url地址及url各种参数值
01-01
当前url http://localhost:8888/select?aa=001&bb=002 var http = require(‘http’); var URL = require(‘url’); http.createServer(function(req, res){  var arg = url.parse(req.url).query; //方法一arg =...
使用JS获取当前页面的URL(网址信息)
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
04-27 3610
<!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=te
js获取当前地址的url
xkl的博客
03-16 591
获取当前URL的相对路径alert(window.location.pathname);获取当前URL ie 地址栏显示的是什么，获取到的 url 就是什么。 alert(window.location.href); alert(self.location.href); alert(document.URL); alert(document.location); alert(document.d
js中获取当前url路径
songjuntao8的专栏
07-06 408
<script> $(function(){ // 返回 web 主机的域名，如：http://127.0.0.1:8080/testdemo/test.html?id=1&name=test var url = window.location.href; // 返回当前页面的路径和文件名，如：/testdemo/test.html var pathname = window.location.pathname;...
js获得当前页面的url
halfsking的博客
10-14 199
  1. 获取整个 URL： var url = window.location.href; 2. 获取与 URL 关联的端口 var p = window.location.port; 3. 获取 url中问号后面部分 var query = window.location.search; 4. 获取 URL的 hostname 和 port  var h = window....
js获取当前url路径
qq_38109249的博客
03-12 243
js中获取当前url路径 < script > $(function () { // 返回 web 主机的域名，如：http://127.0.0.1:8080/testdemo/test.html?id=1&name=test var url = window.location.href; // 返回当前页面的路径和文件名，如：/testdemo/t...
JS获取当前页面的URL信息（获取页面url参数）
出雲无心的博客
12-05 714
保存用 window.location.pathname 设置或获取对象指定的文件名或路径。 例：http://localhost:8080/demo/index?uid=119 输出：/demo/index window.location.href 设置或获取整个 URL 为字符串。 例：http://localhost:8080/demo/index?uid=119 输出：http://localhost:8080/demo/index?uid=119 window.location.por
js获取当前页面url网址信息
荒的博客
05-18 424
在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。 下面我们举例一个URL，然后获得它的各个组成部分：http://i.cnblogs.com/EditPosts.aspx?opt=1 1、window.location.href(设置或获取整个 URL 为字符串) var test = window.location.href; alert(test); 返回：http://i.cnblogs.com/EditPosts.aspx?
获取当前url地址
07-26
在不同的编程语言中，获取当前网页的 URL 地址可以通过特定的内置变量或函数实现。以下是几种常见语言获取当前页面完整 URL 的方法。 ### PHP 中获取当前页面的完整 URL 可以通过 `$_SERVER` 数组来获取当前页面的完整 URL，包括协议、域名、端口和请求路径： ```php function getCurrentPageURL() { $pageURL = 'http'; if (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] == 'on') { $pageURL .= 's'; } $pageURL .= '://'; if ($_SERVER['SERVER_PORT'] != '80') { $pageURL .= $_SERVER['SERVER_NAME'] . ':' . $_SERVER['SERVER_PORT'] . $_SERVER['REQUEST_URI']; } else { $pageURL .= $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI']; } return $pageURL; } echo getCurrentPageURL(); ``` 如果只需要获取 URL 的路径部分（不包含查询参数），可以使用 `parse_url()` 函数进行解析： ```php function getCurrentPagePath() { return parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH); } echo getCurrentPagePath(); ``` ### Python（Flask 框架）中获取当前页面的 URL 在 Flask 框架中，可以使用 `request.url` 来获取完整的 URL 地址： ```python from flask import Flask, request app = Flask(__name__) @app.route('/') def index(): return f'当前页面的完整 URL 是：{request.url}' if __name__ == '__main__': app.run() ``` 如果只需要获取路径部分，可以使用 `request.path`： ```python @app.route('/') def index(): return f'当前页面的路径是：{request.path}' ``` ### JavaScript 中获取当前页面的 URL 在前端 JavaScript 中，可以通过 `window.location` 对象来获取当前页面的 URL 信息： ```javascript // 获取完整 URL const fullURL = window.location.href; console.log(fullURL); // 获取路径部分 const path = window.location.pathname; console.log(path); ``` ### Node.js（Express 框架）中获取当前页面的 URL 在 Express 框架中，可以通过 `req.protocol`、`req.get('host')` 和 `req.originalUrl` 来拼接完整的 URL： ```javascript app.get('/', (req, res) => { const fullURL = req.protocol + '://' + req.get('host') + req.originalUrl; res.send(`当前页面的完整 URL 是：${fullURL}`); }); ``` 如果只需要路径部分，可以直接使用 `req.path`： ```javascript app.get('/', (req, res) => { res.send(`当前页面的路径是：${req.path}`); }); ``` ### 总结 不同语言和框架中获取当前页面 URL 的方式有所不同，但核心逻辑是通过服务器或客户端的内置对象来提取协议、域名、端口和路径信息。PHP 中通过 `$_SERVER` 实现，Python 和 Node.js 框架中通过请求对象来获取，而前端 JavaScript 则通过 `window.location` 对象实现[^1]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值