×

前端开发tips:JS获取当前域名的一些方法

作者:Web前端之家2020.08.10来源:Web前端之家浏览:269评论:0
关键词:js

前端开发tips:JS获取当前域名的一些方法。

一、获取当前域名

1、方法一

var domain = document.domain;
window.location.hostname

2、方法二

var domain = window.location.host;

但是获取到的domain在线上环境中是域名,在本地环境是ip地址,所以写了一下js代码:

var domain = document.domain;
var ip = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/;
var path = (ip.test(domain))?("http://"+domain+":8088/SINA"):("http://"+document.domain);
console.log(path);

二、获取当前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.miarww.com.cn/pub/123.html,则截取到的相对路径为:/pub/123.html。

温馨提示:本文作者系Web前端之家 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://www.miarww.com.cn/article/htlm82384odfoiopriew.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • 访客

    的...

  • 访客

    点多...

  • kaifa8

    小公司很少会去搞这种开发自动化,都只是看重结果。...

  • 访客

    你可以加群去问...

  • 访客

    怎么注册?不会...

  • ajoy

    说法可以是一样的,毕竟JS和JQ都是有“血缘关系”的,你可以自己改下不就可以了吗,哈哈!...

  • 访客

    标题是JS用了JQ误人子弟呢...

  • absoy

    vue居然还能这么玩,期待你们vue3.0中文版教程。...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright ? 2020 Web前端之家(www.miarww.com.cn) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.4 Valyria

时时彩平台哪个好 广东快乐十分准一码 天津11选五一定牛遗漏 辽宁十一选五定牛 安徽快三奖金对照表 辽宁十一开奖走势图一定牛 秒速时时彩为什么输钱 安徽快3 全天腾讯分分彩精准计划 短线股票推荐电话 黑龙江快乐十分怎么玩 新手如何投资基金 平特肖推算法 广西11选5app 统一开奖彩票平台欢迎您 辽宁11选5玩法规则 青海快三预测号码今天