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

一、分别根据传递不同的参数,获取到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==){
//获取地址最后一个“/”的下标
var ts_indexof = ts_href.lastIndexOf("/");
//获取地址“/”之后的的内容
var ts_indexText = ts_href.substring(ts_indexof + );
//获取地址“.html”的下标
var ts_htmlBeforeText = ts_indexText.indexOf(".html");
//获取 “/”到".html"之间的内容
ts_mainText = ts_indexText.substring(, ts_htmlBeforeText);
}else if(params==){
//获取地址“/”的下标
var ts_indexof = ts_href.lastIndexOf("/");
//获取地址“/”之后的的内容
var ts_indexText = ts_href.substring(ts_indexof + );
ts_mainText = ts_indexText;
}else if(params==){
//获取地址中倒数二个“/”下标的位置的之后的内容
var urlParents=ts_href.substr(ts_href.lastIndexOf('/', ts_href.lastIndexOf('/') - ) + );
ts_mainText=urlParents
}else if(params==){
//获取地址中倒数二个“/”的下标之后的内容
var urlParents=ts_href.substr(ts_href.lastIndexOf('/', ts_href.lastIndexOf('/') - ) + );
//取到倒数二个“/”的下标的位置和.html之间的内容
var beforeHtml = urlParents.indexOf(".html");
if(beforeHtml==-){
ts_mainText=urlParents; }else{
ts_mainText=urlParents.substring(, beforeHtml);
}
}else{
var urlParents=ts_href.substr(ts_href.lastIndexOf('/', ts_href.lastIndexOf('/') - ) + );
var beforeHtml = urlParents.indexOf(".html");
if(beforeHtml==-){
ts_mainText=urlParents; }else{
ts_mainText=urlParents.substring(, beforeHtml);
}
}
return ts_mainText;
}

JS 通过url地址栏获取html页面名称的更多相关文章

  1. 如何防止通过URL地址栏直接访问页面

    如何防止通过URL地址栏直接访问页面 一.解决方案 1,将所有页面放在WEB-INF目录下 WEB-INF是Java的web应用安全目录,只对服务端开放,对客户端是不可见的.所以我们可以把除首页(in ...

  2. PHP获取 当前页面名称、主机名、URL完整地址、URL参数、获取IP

    $URL['PHP_SELF'] = isset($_SERVER['PHP_SELF']) ? $_SERVER['PHP_SELF'] : (isset($_SERVER['SCRIPT_NAME ...

  3. js获取当前页面名称

    // 取当前页面名称(不带后缀名) function pageName() { var a = location.href; var b = a.split("/"); var c ...

  4. 【JS 移动端】获取设置页面大小

    获取设置页面大小 function getMobileData() { var ismobile = false; browser = { versions: function () { var u ...

  5. 从url(地址栏)获取参数:Jquery中getUrlParam()方法的使用

    我想要获取如下id 如下代码(传参要加问好!!) function getUrlParam(id) { var regExp = new RegExp('([?]|&)' + id+ '=([ ...

  6. js 从URL上获取参数

    //获取匹配的        function getUrlParam(name) {             var reg = new RegExp("(^|&)" + ...

  7. 【转】【Python】 python中的编码问题报错 'ascii' codec can't decode 及 URL地址获取中文

    1.unicode.gbk.gb2312.utf-8的关系 http://www.pythonclub.org/python-basic/encode-detail 这篇文章写的比较好,utf-8是u ...

  8. js获取url参数值,js获取其他页面传递而来的值

    index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&...... 静态html文件js读取url参数 根据获取html的参数值控制htm ...

  9. js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值

    js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值本文介绍jquery/js获取当前页面url地址的方法,在jquery与js中获取当前页面url方法是一样的,因为jque ...

随机推荐

  1. 【CSS3 + 原生JS】移动的标签

    左图为本博客右侧截取的GIF图,右图为代码效果 HTML: <!DOCTYPE html> <html lang="en"> <head> &l ...

  2. java线程与进程的比较

    线程具有许多传统进程所具有的特征,故又称为轻型进程(Light—Weight Process)或进程元:而把传统的进程称为重型进程(Heavy—Weight Process),它相当于只有一个线程的任 ...

  3. Nuget 通过 dotnet 命令行发布

    在开发完成一个好用的轮子就想将这个轮子发布到 nuget 让其他小伙伴可以来使用,但是 nuget.org 的登陆速度太慢,本文介绍一个命令行发布的方法,通过命令行发布的方法可以配合 Jenkins ...

  4. git 回滚到某个版本

    首先使用git log 显示最近的代码提交记录 commit后面的内容,就是回滚的记录名 增加了加载条显示,提高用户体验 commit 47f45668e72e4deeccae85e9767c250d ...

  5. P1001 A+B+C Problem

    题目描述 输入三个整数 \(a,b,c\) ,计算它们的和并将结果输出. 输入格式 输入一行,三个整数 \(a,b,c\) ,每个整数之间以一个空格隔开 \((0 \le a,b,c \le 1000 ...

  6. CCPC 2018 吉林 C "JUSTICE" (数学)

    传送门 参考资料: [1]:https://blog.csdn.net/mmk27_word/article/details/89789770 题目描述 Put simply, the Justice ...

  7. 【33.18%】【hdu 5877】Weak Pair (3种解法)

    Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 262144/262144 K (Java/Others) Total Submissi ...

  8. dotnet 手动解决 json 解析中不合法字符串

    如果使用 Newtonsoft Json 解析字符串,字符串里面有不清真的格式,那么默认的解析将会炸掉.如果想要自己解决字符串中的不清真格式,可以使用传入 JsonSerializerSettings ...

  9. codeforces gym100801 Problem J. Journey to the “The World’s Start”

    传送门:https://codeforces.com/gym/100801 题意: 小明坐地铁,现在有n-1种类型的地铁卡卖,现在小明需要买一种地铁票,使得他可以在t的时间内到达终点站,地铁票的属性为 ...

  10. 【Docker Compose】简介与安装

    1.简介 Compose 是一个用户定义和运行多个容器的 Docker 应用程序.在 Compose 中你可以使用 YAML 文件来配置你的应用服务.然后,只需要一个简单的命令,就可以创建并启动你配置 ...