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

一、分别根据传递不同的参数,获取到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. Python--day69--单表查询之神奇的双下划线

    单表查询之神奇的双下划线: 单表查询之神奇的双下划线 models.Tb1.objects.filter(id__lt=10, id__gt=1) # 获取id大于1 且 小于10的值 models. ...

  2. php 使用正则匹配中文 返回结果

    $str = 'eg5455正则匹配中文123三国杀'; $patten='/[\x{4e00}-\x{9fa5}]+/u'; $a = preg_match($patten, $str, $mn); ...

  3. docker swarm搭建tidb踩坑日记

    背景 公司新项目数据量翻了一倍,每天上亿数据量的读写,传统的单库单表已经满足不了目前的需求,得考虑下分布式存储了.那用啥呢,之前有考虑用到mycat,但是一进官网,一股山寨气息扑面而来,技术群进群还收 ...

  4. H3C NAPT配置举例

  5. linux虚拟机设置固定IP并实现联网,主机与虚拟机实现互ping

    ifconfig eth0 up 启用第一块网卡 onboot=yes 自动启动 service network restart 重启网络服务 使用虚拟机添加一块桥接网卡 cp eth0 eth1 复 ...

  6. linux 运行处理者

    如同前面建议的, 当内核收到一个中断, 所有的注册的处理者被调用. 一个共享的处理者 必须能够在它需要的处理的中断和其他设备产生的中断之间区分. 使用 shared=1 选项来加载 short 安装了 ...

  7. <QluOJ2018NewCode>约数个数

    题目描述 p^q表示p的q次方,正整数M可以分解为M=(p1^a1)*(p2^a2)*(p3^a3)*……*(pn^an)的形式,其中p1,p2……pn为质数(大于1并且只能被1和自身整除的数叫做质数 ...

  8. (摘录)ISO C++ Lambda表达式

    ISO C++ 11 标准的一大亮点是引入Lambda表达式.基本语法如下: [捕获列表](形参列表) mutable ->返回值类型 复合语句 其中除了"[]"(其中捕获列 ...

  9. 【Kubernetes】部署K8s-dashboard v1.10.1

    一.官方kubernetes-dashboard.yaml简介 ①首先认识一下官方的kubernetes-dashboard.yaml,我们先下载: https://github.com/kubern ...

  10. Android5_浅谈Java的package机制

    当代码量越来越大,类越来越多.尤其会增加同名类的风险.所以对类进行管理就显得非常重要. 包(package)机制是java中管理类的重要手段. 包名的命名方式:业内默认的做法是使用公司的网络域名的倒写 ...