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

作者:红尘莫藏 更新于： 2020-03-29 14:29:23

　　统一资源定位符（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代码的一部分来表示因特网的地址。一般统一资源定位符的开始标志着一个计算机网络所使用的网络协议。