JavaScript如何获取页面的URL？

最新推荐文章于 2024-06-04 19:55:06 发布

天高任鸟飞dyz

最新推荐文章于 2024-06-04 19:55:06 发布

阅读量671

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/yzding1225/article/details/116281264

版权

JavaScript window.location href URL 页面地址

关键词由CSDN通过智能技术生成

JavaScript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

文章目录

前言
一、语法：
二、示例:
二、输出：
总结

前言

在JavaScript中可以使用window.location 对象的href 属性来获取当前页面的URL。下面本篇文章就来给大家具体介绍一下，希望对大家有所帮助。

一、语法：

window.location对象可用于获取当前页面地址（URL）并把浏览器重定向到新页面；而该对象的href 属性可返回当前页面的 URL。

window.location.href

二、示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<h1>window.location 对象</h1>
		<p id="demo"></p>
		<script>
			document.getElementById("demo").innerHTML =
				"本页面的完整 URL 是：" + window.location.href;
		</script>
	</body>

</html>

二、输出：

代码如下（示例）：

本页面的完整 URL 是：http://127.0.0.1:8020/index.html

总结

以上就是JavaScript如何获取页面的URL？的详细内容

文章参考

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

天高任鸟飞dyz

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JavaScript-URL编码

MrLsss的博客

01-31

390

js url编码 encodeURI() 是Javascript 中用来对 URL 编码的函数。它着眼于对整个URL进行编码。 encodeURI("http://www.cnblogs.com/season-huang/some...

如何使用JavaScript获取当前URL？

Jerry学长

05-31

1097

在现代开发中，我们经常需要获取当前网页的URL来完成各种操作，例如页面重定向、参数解析等。在URL的处理上，JavaScript提供了一系列强大且便捷的工具。这篇文章将详细讲解如何使用JavaScript获取当前页面的URL，并分解URL的各个组成部分。

参与评论您还未登录，请先登录后发表或查看评论

JavaScript获取当前url路径

一片天空

12-05

351

1、假设当前页完整地址是：http://localhost:61768/Home/Index?id=2&age=18 //获取当前窗口的Url var url = window.location.href; //结果：http://localhost:61768/Home/Index?id=2&age=18 //获取当前窗口的主机名 var host = window.loc...

JavaScript获取URL

言凡的博客

10-11

144

window.location.href= 'http://localhost:8889/Form/Form_BaseInfo/Index ?viewname=Form_BaseInfo&MenuID=15a4&hide=1' window.location.search= '?viewname=Form_BaseInfo&MenuID=15a4&hide=1' ...

Javascript 获取url信息

小白白

11-28

2521

最近网站用到一些js对页面url的信息操作的情况、故整理了一些本人只用firebug简单的测试了一下ie可能会有不同情况、获取当前完整网址：document.location.href 获取当前域名：top.location.hostname 获取域名后所有：window.location.pathname 例：http://write.blog.csdn.net/

js如何准确获取当前页面url网址信息

热门推荐

qq_40435659的博客

09-03

1万+

在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。下面我们举例一个URL，然后获得它的各个组成部分：http://i.cnblogs.com/EditPosts.aspx?opt=1 1、window.location.href(设置或获取整个 URL 为字符串) var test = window.location...

JavaScript获取当前url根目录(路径)

11-23

在JavaScript中，获取当前URL根目录是常见的需求，主要用于构建相对路径或进行页面导航。本文将详细介绍三种不同的方法来获取当前URL的根目录，并提供一些关于`Location`对象和相关属性的基本知识。 ### 方法一：...

使用JavaScript获取URL中的参数(两种方法)

10-21

在JavaScript编程中，有时我们需要从URL（统一资源定位符）中获取特定的查询参数。这在处理网页交互、页面重定向或数据传递时非常常见。本文将详细介绍两种使用JavaScript获取URL参数的方法。 ### 方法一：通过字符...

javascript 获取url参数的正则表达式(用来获取某个参数值)

10-29

在上述示例中，我们看到`window.open(url, 'xWindow', 'features')`用于打开新的窗口，而`window.location.href.getQueryString('param')`则是获取当前页面URL中的参数值。总结，利用正则表达式和JavaScript的字符...

javascript 获取url参数和script标签中获取url参数函数代码

10-29

在JavaScript编程中，有时我们需要获取URL中的参数或者脚本（script）标签中的参数。这些参数在Web应用中常用于传递动态数据或者配置信息。本文将详细介绍如何通过JavaScript获取URL参数和script标签中的参数，并...

JavaScript获取URL汇总

12-03

URL即统一资源定位符 (Uniform Resource Locator, URL)，完整的URL由这几个部分构成： scheme://host:port/path?query#fragment scheme:通信协议，常用的http,ftp,maito等。 host:主机，服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。 port:端口号，整数，可选，省略时使用方案的默认端口，如http的默认端口为80。 path:路径，由零或多个”/”符号隔开的字符串，一般用来表示主机上的一个目录或文件地址。 query:查询，可选，用于给动态网页（如使用CGI、ISAPI、PHP/JSP

JavaScript获取URL参数的几种方法

最新发布

weixin_74009702的博客

06-04

6710

在前端开发中，处理URL参数是一个常见的任务，尤其是在没有框架支持的情况下。虽然许多框架提供了方便的方法来获取URL参数，但有时我们需要依赖原生JavaScript来完成这个任务。这也是面试中经常出现的问题之一。今天让我们一起来探讨如何利用原生JavaScript来获取URL参数值。原生JS获取URL链接参数的方法有好几种，我们一起来学习一下常见的几种。1.使用正则表达式2.利用a标签内置方法3.利用split分割方法4.使用URLSearchParams方法。

如何使用 Javascript 获取 URL 参数

ZhongUncle的博客

06-12

3915

JS 获取 URL 参数稍微有点麻烦，因为 JS 只能获取到 URL 的某一部分，但是不能再细分。如果想获取某一项参数，那么还需要使用一下字符串截取。所以分为两步：首先假设 URL 是。首先需要使用来创建一个 URL 对象，然后使用来获取 URL 参数部分。代码如下：显示如下：如果想要了解更多 Javascript 中 URL 相关的信息，可以查看这篇文章，我决定挺不错的：https://javascript.info/urlok接下来就是截取各部分了。多个 URL 参数通过符号分隔，所以可以利用 J

Javascript URL处理

a873217486的博客

03-04

409

根据参数创建URL var url = new URL('http://localhost'); url.searchParams.set('param', 1); // http://localhost/?param=1 console.log(url.href); 获取URL参数 var url = new URL('http://localhost/?param=1')...

javascript 解析URL

weixin_34343000的博客

11-07

162

2018-11-7 20:41:20 星期三 1 function parseUrl(url){ 2 url = decodeURIComponent(url); 3 var u = url.split('?'); 4 var query = u[1]; 5 var args = {}; 6 var items = quer...

Javascript解析URL方法详解

qq_36028348的博客

07-30

3402

Javascript解析URL方法详解

js 获取url的多种方式

架构师：通透，才能写出好代码！

05-22

1982

js 获取url的多种方式。

js获取当前页面url网址信息

风如白话的博客

05-26

497

js获取当前页面url网址信息 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.

javascript 中的 URL 解码

迹忆客

06-06

6706

这篇文章简单介绍了 JavaScript，并讲授了 URL 编码和解码是什么。和，并给出了一些例子。两种方法都以两种方式工作，根据需要使用合适的方法。unescape()方法最近已被弃用，取而代之的是，我们可以使用其他两种方法作为解决方案。

C#与JavaScript获取当前页面URL的方法

而在JavaScript中，获取当前页面URL的方法相对简单： 1. `document.URL`：返回当前页面的完整URL。 2. `document.location.href`：同样返回当前页面的完整URL。 3. `self.location.href`：与上述两者相同，也是获取...