当前位置:首页 » 网页前端 » 前端地址识别
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端地址识别

发布时间: 2022-11-15 14:26:36

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

在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。

下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=1

1、window.location.href(设置或获取整个 URL 为字符串)

var test = window.location.href;

alert(test);

返回:http://i.cnblogs.com/EditPosts.aspx?opt=1

2、window.location.protocol(设置或获取 URL 的协议部分)

var test = window.location.protocol;

alert(test);

返回:http:

3、window.location.host(设置或获取 URL 的主机部分)

var test = window.location.host;

alert(test);

返回:i.cnblogs.com

4、window.location.port(设置或获取与 URL 关联的端口号码)

var test = window.location.port;

alert(test);

返回:空字符(如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符)

5、window.location.pathname(设置或获取与 URL 的路径部分(就是文件地址))

var test = window.location.pathname;

alert(test);

返回:/EditPosts.aspx

6、window.location.search(设置或获取 href 属性中跟在问号后面的部分)

var test = window.location.search;

alert(test);

返回:?opt=1

PS:获得查询(参数)部分,除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值。

7、window.location.hash(设置或获取 href 属性中在井号“#”后面的分段)

var test = window.location.hash;

alert(test);

返回:空字符(因为url中没有)

8、js获取url中的参数值

一、正则法

function getQueryString(name) {  var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');  var r = window.location.search.substr(1).match(reg);  if (r != null) {    return unescape(r[2]);  }  return null;}// 这样调用:alert(GetQueryString("参数名1"));  alert(GetQueryString("参数名2"));  alert(GetQueryString("参数名3"));

二、split拆分法

function GetRequest() {

  var url = location.search; //获取url中"?"符后的字串

  var theRequest = new Object();

  if (url.indexOf("?") != -1) {

    var str = url.substr(1);

    strs = str.split("&");

    for(var i = 0; i < strs.length; i ++) {

      theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);

    }

  }

  return theRequest;

}

var Request = new Object();

Request = GetRequest();<br>// var id=Request["id"];

// var 参数1,参数2,参数3,参数N;

// 参数1 = Request['参数1'];

// 参数2 = Request['参数2'];

// 参数3 = Request['参数3'];

// 参数N = Request['参数N'];

三、指定取

比如说一个url:http://i.cnblogs.com/?j=js,我们想得到参数j的值,可以通过以下函数调用。

function GetQueryString(name) {

  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");

  var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配

  var context = "";

  if (r != null)

    context = r[2];

  reg = null;

  r = null;

  return context == null || context == "" || context == "undefined" ? "" : context;

}

alert(GetQueryString("j"));

四、单个参数的获取方法

function GetRequest() {

  var url = location.search; //获取url中"?"符后的字串

  if (url.indexOf("?") != -1) {  //判断是否有参数

  var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串

  strs = str.split("=");  //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔)

  alert(strs[1]);    //直接弹出第一个参数 (如果有多个参数 还要进行循环的)

  }

}

一、正则法

functiongetQueryString(name) {

  varreg = newRegExp('(^|&)'+ name + '=([^&]*)(&|$)', 'i');

  varr = window.location.search.substr(1).match(reg);

  if(r != null) {

    returnunescape(r[2]);

  }

  returnnull;

}

// 这样调用:

alert(GetQueryString("参数名1"));

alert(GetQueryString("参数名2"));

alert(GetQueryString("参数名3"));

二、split拆分法

functionGetRequest() {

  varurl = location.search; //获取url中"?"符后的字串

  vartheRequest = newObject();

  if(url.indexOf("?") != -1) {

    varstr = url.substr(1);

    strs = str.split("&");

    for(vari = 0; i < strs.length; i ++) {

      theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);

    }

  }

  returntheRequest;

}

varRequest = newObject();

Request = GetRequest();<br>// var id=Request["id"];

// var 参数1,参数2,参数3,参数N;

// 参数1 = Request['参数1'];

// 参数2 = Request['参数2'];

// 参数3 = Request['参数3'];

// 参数N = Request['参数N'];

三、指定取

比如说一个url:http://i.cnblogs.com/?j=js,我们想得到参数j的值,可以通过以下函数调用。

functionGetQueryString(name) {

  varreg = newRegExp("(^|&)"+ name + "=([^&]*)(&|$)", "i");

  varr = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配

  varcontext = "";

  if(r != null)

     context = r[2];

  reg = null;

  r = null;

  returncontext == null|| context == ""|| context == "undefined"? "": context;

}

alert(GetQueryString("j"));

四、单个参数的获取方法

functionGetRequest() {

  varurl = location.search; //获取url中"?"符后的字串

  if(url.indexOf("?") != -1) {  //判断是否有参数

   varstr = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串

   strs = str.split("=");  //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔)

   alert(strs[1]);     //直接弹出第一个参数 (如果有多个参数 还要进行循环的)

  }

}

❷ 有没有前端大佬写过一种方法,根据任意地址拿到该地址所对应的省市区的方法

货拉拉上面输入地址。

❸ 求大神前端名词解释:URL、路径、地址、域名,最好能举例说明

这几个词除了url和域名指代非常明确,其他都是翻译的所以有时会有混用的情况——比如A书里说的地址,有可能就是B书里说的url或者路径,但是一般来说解释如下:
url是资源地址——格式如下:
协议://用户名:密码@子域名.域名.顶级域名:端口号/目录/文件名.文件后缀?参数=值#标志
比如:
http://www..com/
file:///C:/Users/computer/Desktop/abcd.pdf
http://192.168.0.1:8080/abcd/a.php?file=abcd
路径一般指文件路径,分为相对路径和绝对路径:
相对路径:../images/a.jpg
绝对路径:C:\
地址一般说的是ip地址:
192.168.0.1
域名说的是由绑定了ip地址,由DNS解析的别名,通俗的说就是我们访问网站的根网址比如:
www..com
这就是一个域名

❹ modbus 总线靠地址识别设备 canopen总线靠什么识别

MODBUS TCP通讯,可以有多种识别前端设备的方式,识别IP地址,或设备ID,或者DTU (GPRS通讯设备,打开透传模式会自动上线后发首发注册包)首发包的的识别码(一般是最多15个ASCII符号),来识别。如果固定IP,通过识别IP地址最可靠,如果是非固定IP只能识别设备ID,或者DTU的身份识别码。
CANOPEN没用过,刚查了资料,应该也能通过IP来识别,或者按设备ID,只是设备ID是11位二进制码,格式不清楚。CANOPEN是一种工业总线,与MODBUS一样也要通过以太网接口,实现TCP通讯。

❺ 前端怎么判断是否获取到地理位置

可以从请求跟响应这一过程判断,如果前端已经把数据发送给了后端,后端没有返回数据则是后端问题,如果前端在用户输入数据之后发送请求,前端没有带数据在请求中就是前端的问题,或者说后台已经传回来了数据,但是到前端没有显示出来。这个也是前端问题。具体的话可以在浏览器中debug调试看看

❻ 用户提交浏览器地址怎么判断链接有效 前端

通过服务器返回的状态码可以判断url是否有效
如果返回的状态码为2xx则链接正确
返回状态码为3xx链接有效但已经重定向到其他位置
返回状态码为4xx链接错误
返回状态码为5xx链接是正确的,但该链接的处理结果不正确,服务器没有正确的处理请求

❼ 求大神前端名词解释:URL、路径、地址、域名,最好能举例说明

这几个词除了url和域名指代非常明确,其他都是翻译的所以有时会有混用的情况——比如A书里说的地址,有可能就是B书里说的url或者路径,但是一般来说解释如下:
url是资源地址——格式如下:
协议://用户名:密码@子域名.域名.顶级域名:端口号/目录/文件名.文件后缀?参数=值#标志
比如:
http://www..com/
file:///C:/Users/computer/Desktop/abcd.pdf
http://192.168.0.1:8080/abcd/a.php?file=abcd
路径一般指文件路径,分为相对路径和绝对路径:
相对路径:../images/a.jpg
绝对路径:C:\
地址一般说的是ip地址:
192.168.0.1
域名说的是由绑定了ip地址,由DNS解析的别名,通俗的说就是我们访问网站的根网址比如:
www..com
这就是一个域名

❽ eclipse中如何看项目前端地址

eclipse中可以在type-filter-text中查看项目前端地址。
在eclipse中打开type-filter-text,找到validation项。
validation项中有web-project-settings,其中context-root就是项目前端地址。

❾ 前端人员收到后台给的接口地址,怎样判断是否存在问题

直接放到浏览器搜索就晓得了