如何用js获取当前域名、Url、相对路径和参数

 更新时间:2023年11月09日 09:12:21   作者:AmBestToday  
这篇文章主要给大家介绍了关于如何用js获取当前域名、Url、相对路径和参数的相关资料,用Javascript可以单独获取当前域名、Url相对路径和参数,文中通过代码介绍的非常详细,需要的朋友可以参考下

一、js获取当前域名有2种方法

1、方法一

var domain = document.domain;

2、方法二

var domain = window.location.host;

3、注意问题

由于获取到的当前域名不包括 http://,所以把获取到的域名赋给 a 标签的 href 时,别忘了加上 http://,否则单击链接时导航会出错。

二、获取当前Url的4种方法

var url = window.location.href;
var url = self.location.href;
var url = document.URL;
var url = document.location;

浏览器地址栏显示的是什么,获取到的 url 就是什么。

三、获取当前相对路径的方法

首先获取 Url,然后把 Url 通过 // 截成两部分,再从后一部分中截取相对路径。如果截取到的相对路径中有参数,则把参数去掉。

function GetUrlRelativePath()
{
var url = document.location.toString();
var arrUrl = url.split("//");
var start = arrUrl[1].indexOf("/");
var relUrl = arrUrl[1].substring(start);//stop省略,截取从start开始到结尾的所有字符
if(relUrl.indexOf("?") != -1){
relUrl = relUrl.split("?")[0];
}
return relUrl;
}

调用方法:GetUrlRelativePath();

举例:假如当前 Url 是 http// www. liangshunet. com/pub/item.aspx?t=osw7,则截取到的相对路径为:/pub/item.aspx。

四、获取当前Url参数的方法

1、获取Url参数部分

function GetUrlPara()
{
var url = document.location.toString();
var arrUrl = url.split("?");
var para = arrUrl[1];
return para;
}

调用方法:GetUrlPara()

举例:假如当前 Url 是 http// www. liangshunet. com/pub/item.aspx?t=osw7,则截取到的参数部分为:t=osw7。

总结

到此这篇关于如何用js获取当前域名、Url、相对路径和参数的文章就介绍到这了,更多相关js获取域名Url、相对路径和参数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 微信小程序实现日历签到

    微信小程序实现日历签到

    这篇文章主要为大家详细介绍了微信小程序实现日历签到功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • checkbox勾选判断代码分析

    checkbox勾选判断代码分析

    我们在做项目的时候,特别是注册用户的时候,基本上都需要有注册协议之类的东西,那么我们如何判断用户是否勾选了同意了此协议呢?
    2014-06-06
  • 一文详解Electron 电源状态管理

    一文详解Electron 电源状态管理

    这篇文章主要为大家介绍了Electron 电源状态管理示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • 不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术

    不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术

    注明:以下方法都经过实例和开发的长期验证,其实这些技术早就有,今天只不过自己归纳一下
    2008-09-09
  • JS页面动态绘图工具SVG,Canvas,VML介简介

    JS页面动态绘图工具SVG,Canvas,VML介简介

    这篇文章主要介绍了JS页面动态绘图工具SVG,Canvas,VML介简介,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-10-10
  • video.js 实现视频只能后退不能快进的思路详解

    video.js 实现视频只能后退不能快进的思路详解

    这篇文章主要介绍了video.js 实现视频只能后退不能快进的思路详解,主要思路是点击进度条需要获取拖动前的时间点,具体实例代码大家跟随小编一起看看吧
    2018-08-08
  • js 设置css的定位

    js 设置css的定位

    css的定位设置代码
    2008-12-12
  • js实现右键菜单栏功能

    js实现右键菜单栏功能

    这篇文章主要为大家详细介绍了js实现右键菜单栏功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 前端如何利用JS实现自定义表格滚动效果实例

    前端如何利用JS实现自定义表格滚动效果实例

    在数据可视化大屏中,滚动表格是一种常见的需求,本文介绍了如何利用scrollTop属性和定时器来制作滚动效果,不依赖于任何插件,可以实现自定义的滚动表格,文中通过代码介绍是非常详细,需要的朋友可以参考下
    2024-09-09
  • javascript string字符串优化问题

    javascript string字符串优化问题

    今天看到一个很久的帖子说string连接优化问题。于是自己也测试一下。写了个很简单的代码
    2011-07-07

最新评论