javascript 获取当前页面的URL

摘要:
如图所示,实际请求路径为“http://localhost:8081/dodiscovery/ordertaoziController.do?goAdd&amp ;_= 1622601413035“接下来,测试js脚本以获取URL路径中的不同信息。1.获取完整的URL varurl;URL=window.location.href;结果是:http://localhost:8081/dodisc

javascript 获取当前页面的URL第1张

如图所示:点击录入按钮实际的请求路径是“http://localhost:8081/dodiscovery/ordertaoziController.do?goAdd&_=1622601413035”

接下来测试js脚本获取url路径中的不同信息

1、获取完整URL

var url;
url = window.location.href;

 结果是:http://localhost:8081/dodiscovery/ordertaoziController.do?goAdd&_=1622601413035

2、获取文件路径(文件地址)

url = window.location.pathname;

 结果是:/dodiscovery/ordertaoziController.do

3、获取属性(“?”后面的分段)

url = window.location.search;

结果是:?goAdd&_=1622601413035

4、获取协议

url = window.location.protocol;

结果是:http:

5、获取主机地址和端口号

url = window.location.host;

结果是:localhost:8081

6、获取主机地址

url = window.location.hostname;

结果是:localhost

7、获取端口号

url = window.location.port;

结果是:8081

8、获取锚点(“#”后面的分段)

url = window.location.hash;

结果是:空(当前路径下没有锚点)

9、获取当前地址栏中显示的URL

url = window.parent.location.href;
或者
url = parent.window.location.href;(window parent 可互换)

结果是:http://localhost:8081/dodiscovery/loginController.do?login#

10、如果页面中使用了框架(frameset)要获取到指定页面的URL,只要把window换成指定的页面即可

url = window.parent.frames['frame'].location.href;('frame'为指定页面的class名)

结果是:语句错误,原因是我没找到具体使用了什么框架,或class没找到,总之这句不会使用

以上除了第十条其他都是自己一一测试过的。

原文链接:https://blog.csdn.net/u013288800/article/details/82787641

免责声明:文章转载自《javascript 获取当前页面的URL》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇数字麦克风PDM信号采集与STM32 I2S接口应用(一)C#使用SqlDataAdapter 实现数据的批量插入和更新下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

前端导出功能实现的两种方式

1.点击链接 数据、文件格式全部在后台封装好,返回给前端一个链接,前端通过点击链接自动下载,两种方式: 1 (1)window.location.href = ‘url’ 2 (2)<a href='http://t.zoukankan.com/url' download=''></a> 2.解析后台返回的文件流 这种方式就是后台将...

umi 部分使用介绍

1. 创建页面及路由 umi g page index // 创建index首页,会创建一个pages文件夹,里面有index.js 和index.css umi dev // 启动项目到8000端口,localhost:8000会显示刚刚创建的index umi g page about // 创建about页面, pages文件夹里面增加abo...

vue:axios拦截器

拦截器分两类:请求拦截器和响应拦截器 一、请求拦截器 在请求发出之前设置一些信息。比如说设置请求头, 在use方法参数即第一个函数的形参中通过config来做信息的配置,配置完之后,必须把config返回,这样才能完成拦截器的功能。第二个函数用于处理错误的信息。 用拦截器的方式配置请求头会更加灵活。拦截器中可以通过config获取更多的信息,比如url地...

ubuntu14.04安装 Apache2 并配置https

一、安装 Apache2   sudo apt-get update   sudo apt-get install apache2   安装完apache2,默认根目录在/var/www/html 下,点击其下的html 文件,可打开 Apache2的默认页面。 输入 http://localhost/index.html, 也可以通过http://...

asp.net简单实现利用HttpModule实现防sql注入

关于sql注入,已经被很多人讨论过了。这篇没有新意功能也不够通用,nnd,不想引起口水,就是觉得简单而且思路有参考性才贴出来。1、新建一个类,实现IHttpModule接口 代码     public class SqlHttpModule : IHttpModule    {        public void Dispose()        { ...

CSS(Sass)模块化

在Vue大行其道的今天,我们也受益匪浅,再次感谢@尤大。那么在用Vue开发的过程中,我们大概率会用到Sass来提高我们前端的开发效率,为前端工程化做了很大贡献,Sass本身具有很多令人兴奋的功能,例如:variable、function、mixin、nested、module等,本文主要来研究module——CSS模块化。 我们在开发中最常用的模块化指令就...