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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值