欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JS 通过url地址栏获取html页面名称

程序员文章站 2022-05-25 09:57:05
有的时候需要获取页面名称,为此我在这里封装了一个方。 一、分别根据传递不同的参数,获取到html页面的名称。 通过传递参数,获取到html页面的名称;参数params 以下是参数解释说明 (1)params=1,只获取页面名称,不带.html后缀 1.1 例如 url路径是 https://www. ......

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

一、分别根据传递不同的参数,获取到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后缀
 */
function urlhtml(params) {
  //获取url地址
  var ts_href = window.location.href;
  var ts_maintext="";
  if(params==1){
    //获取地址最后一个“/”的下标
    var ts_indexof = ts_href.lastindexof("/");
    //获取地址“/”之后的的内容
    var ts_indextext = ts_href.substring(ts_indexof + 1);
    //获取地址“.html”的下标
    var ts_htmlbeforetext = ts_indextext.indexof(".html");
    //获取 “/”到".html"之间的内容
    ts_maintext = ts_indextext.substring(0, ts_htmlbeforetext);
  }else if(params==2){
    //获取地址“/”的下标
    var ts_indexof = ts_href.lastindexof("/");
    //获取地址“/”之后的的内容
    var ts_indextext = ts_href.substring(ts_indexof + 1);
    ts_maintext = ts_indextext;
  }else if(params==3){
    //获取地址中倒数二个“/”下标的位置的之后的内容
    var urlparents=ts_href.substr(ts_href.lastindexof('/', ts_href.lastindexof('/') - 1) + 1);
    ts_maintext=urlparents
  }else if(params==4){
    //获取地址中倒数二个“/”的下标之后的内容
    var urlparents=ts_href.substr(ts_href.lastindexof('/', ts_href.lastindexof('/') - 1) + 1);
    //取到倒数二个“/”的下标的位置和.html之间的内容
    var beforehtml = urlparents.indexof(".html");
    if(beforehtml==-1){
      ts_maintext=urlparents;
      
    }else{
      ts_maintext=urlparents.substring(0, beforehtml);
    }
  }else{
    var urlparents=ts_href.substr(ts_href.lastindexof('/', ts_href.lastindexof('/') - 1) + 1);
    var beforehtml = urlparents.indexof(".html");
    if(beforehtml==-1){
      ts_maintext=urlparents;
      
    }else{
      ts_maintext=urlparents.substring(0, beforehtml);
    }
  }
  return ts_maintext;
}