js获取当前域名、Url、相对路径和参数以及指定参数
2023-09-11 14:21:58 时间
js获取当前域名、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;
ie 地址栏显示的是什么,获取到的 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。
五、获取指定Url参数的方法
//paraName 等找参数的名称
function GetUrlParam(paraName) {
var url = document.location.toString();
var arrObj = url.split("?");
if (arrObj.length > 1) {
var arrPara = arrObj[1].split("&");
var arr;
for (var i = 0; i < arrPara.length; i++) {
arr = arrPara[i].split("=");
if (arr != null && arr[0] == paraName) {
return arr[1];
}
}
return "";
}
else {
return "";
}
}
调用方法:GetUrlParam("id");
举例说明:
假如当网页的网址有这样的参数 test.htm?id=896&s=q&p=5,则调用 GetUrlParam("p"),返回 5。
相关文章
- JS+CSS3 360度全景图插件 - Watch3D.js
- JS框架_(JQuery.js)绚丽的3D星空动画
- JS框架_(JQuery.js)纯css3进度条动画
- JS框架_(JQuery.js)圆形多选菜单选项
- JS框架_(JQuery.js)高德地图api
- JS框架_(JQuery.js)上传进度条
- JS框架_(Laydate.js)简单实现日期日历
- JS框架_(Bootstrap.js)实现简单的轮播图
- Node.js文件操作一
- baguetteBox.js响应式画廊插件(纯JS)
- JS判断只能是数字和小数点
- Pycharm调用NodeJS运行js代码 的 环境配置
- js获取域名
- [Node.js] Mock an API for Local Development in React with Mirage JS
- 说说backbone.js
- js获取域名
- springboot+vue实现前后端分离之后端spring部分(spring boot 2.5.4/vue.js 3.2.4)
- Atitit.dart语言的特性 编译时js语言大总结
- Atitit. 悬浮窗口的实现 java swing c# .net c++ js html 的实现
- Node.js Express 应用启用资源压缩功能 - compression 库的应用
- 华为OD机试 - 去除多余空格(Java & JS & Python)
- 华为OD机试 - 出错的或电路(Java & JS & Python)
- 原生js实现随机验证码HTMl-JS
- three.js(JS 三维模型库)介绍和入门
- DHTMLX JS Gantt Library 7.15 Crack
- css js jquery移动动画
- js 返回小数点后几位
- 008-js中的正则表达式
- 002-js-cookie
- JS 客户端浏览器操作、BOM、渗透客户端浏览器(windows对象:screen屏幕操作、location浏览器域名、history浏览器历史、Navigator浏览器信息、cookie)
- 【JS高级】js面向对象三大特性之封装—如何创建对象_05
- 【JS高级】js之闭包对象_04
- 【JS高级】js之函数、重载、匿名函数、作用域及作用域链_03
- 原生js实现随机验证码HTMl-JS
- JS工具方法 3 js客户端与php服务器通信加密之AES