下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:JS通过url地址栏获取html页面名称

作者:红尘莫藏     来源: https://www.cnblogs.com/ts119/p/12191421.html点击数:1311发布时间: 2020-03-30 10:19:02

标签: 互联网urlwindow

Web开发

  统一资源定位符(UniformResourceLocator,URL)是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。

  有的时候需要获取页面名称,为此我在这里封装了一个方。

  一、分别根据传递不同的参数,获取到html页面的名称。

  1通过传递参数,获取到html页面的名称;参数params

  2以下是参数解释说明

  (1)params=1,只获取页面名称,不带.html后缀

  1.1例如url路径是httPS://www.ceshi.com/home/index.html

  只返回页面名称:index

  (2)params=2,取页面名称,同时带.html后缀

  2.1例如url路径是https://www.ceshi.com/home/index.html

  回页面名称+.html后缀:index.html

  (3)params=3,获取html父级路径与html名称,同时带.html后缀

  3.1例如url路径是https://www.ceshi.com/home/index.html

  返回父级路径+页面名称+.html后缀:home/index.html

  (4)params=4,获取html父级路径与html名称,不带.html后缀

  4.1例如url路径是https://www.ceshi.com/home/index.html

  返回父级路径+页面名称,不带.html后缀:home/index.html

  (5)params=undefined,params没有值,什么也不传,获取当前html父级路径与当前html页面名称,不带.html后缀

  //获取url的html页面名称

  /*params=1,只获取页面名称,不带.html后缀

  *params=2,取页面名称,同时带.html后缀

  *params=3,获取html父级路径与html名称,同时带.html后缀

  *params=4,获取html父级路径与html名称,不带.html后缀

  *params=undefined,params没有值,什么也不传,获取html父级路径与当前html页面名称,不带.html后缀

  */

  functionurlHtml(params){

  //获取url地址

  varts_href=window.location.href;

  varts_mainText="";

  if(params==1){

  //获取地址最后一个“/”的下标

  varts_indexof=ts_href.lastIndexOf("/");

  //获取地址“/”之后的的内容

  varts_indexText=ts_href.substring(ts_indexof+1);

  //获取地址“.html”的下标

  varts_htmlBeforeText=ts_indexText.indexOf(".html");

  //获取“/”到".html"之间的内容

  ts_mainText=ts_indexText.substring(0,ts_htmlBeforeText);

  }elseif(params==2){

  //获取地址“/”的下标

  varts_indexof=ts_href.lastIndexOf("/");

  //获取地址“/”之后的的内容

  varts_indexText=ts_href.substring(ts_indexof+1);

  ts_mainText=ts_indexText;

  }elseif(params==3){

  //获取地址中倒数二个“/”下标的位置的之后的内容

  varurlParents=ts_href.substr(ts_href.lastIndexOf('/',ts_href.lastIndexOf('/')-1)+1);

  ts_mainText=urlParents

  }elseif(params==4){

  //获取地址中倒数二个“/”的下标之后的内容

  varurlParents=ts_href.substr(ts_href.lastIndexOf('/',ts_href.lastIndexOf('/')-1)+1);

  //取到倒数二个“/”的下标的位置和.html之间的内容

  varbeforeHtml=urlParents.indexOf(".html");

  if(beforeHtml==-1){

  ts_mainText=urlParents;

  }else{

  ts_mainText=urlParents.substring(0,beforeHtml);

  }

  }else{

  varurlParents=ts_href.substr(ts_href.lastIndexOf('/',ts_href.lastIndexOf('/')-1)+1);

  varbeforeHtml=urlParents.indexOf(".html");

  if(beforeHtml==-1){

  ts_mainText=urlParents;

  }else{

  ts_mainText=urlParents.substring(0,beforeHtml);

  }

  }

  returnts_mainText;

  }

  在因特网的历史上,统一资源定位符的发明是一个非常基础的步骤。统一资源定位符的语法是一般的,可扩展的,它使用ASCII代码的一部分来表示因特网的地址。一般统一资源定位符的开始标志着一个计算机网络所使用的网络协议。

赞(15)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程