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

一、分别根据传递不同的参数,获取到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. React与Vue的相同与不同点

    我们知道JavaScript是世界上最流行的语言之一,React和Vue是JS最流行的两个框架.所以要想前端的开发那么必须掌握好这两个框架. 那么这两个框架有什么不同呢? React 和 Vue 相同 ...

  2. SSM整合 上传下载之添加商品

    上传下载细节: 导入xml配置文件!! Controller中要配置存储路径,调用transferto上传文件 上传图片 要将图片的类设置为 MultipartFile 图片下载: 源码: 页面展示: ...

  3. Flex AIR使用ADT命令打包 ipa

    1. 配置环境变量. 2. 测试adt命令 3. 将ShepherdPhone0815.mobileprovision和 my.p12文件都放入编译好的工程目录下,如下图: 4.切换到上述编译好的目录 ...

  4. C# 标准性能测试

    经常我写一个类,作为一个工具类,小伙伴会问我这个类的性能,这时我就需要一个标准的工具进行测试. 本文告诉大家如何使用 benchmarkdotnet 做测试. 现在在 github 提交代码,如果有小 ...

  5. win10 uwp 依赖属性

    本文告诉大家如何使用依赖属性,包括在 UWP 和 WPF 如何使用. 本文不会告诉大家依赖属性的好处,只是简单告诉大家如何使用 在 UWP 和 wpf ,如果需要创建自己的依赖属性,可以使用代码片,在 ...

  6. Python--day41--守护线程

    1,守护线程:守护线程会在主线程结束之后等待其他子线程的结束才结束 拓展--守护进程:守护进程随着主进程代码的执行结束而结束 代码示例:守护线程.py import time from threadi ...

  7. Python--day61--Django中的app

  8. C# 7.2 通过 in 和 readonly struct 减少方法值复制提高性能

    在 C# 7.2 提供了一系列的方法用于方法参数传输的时候减少对结构体的复制从而可以高效使用内存同时提高性能 在开始阅读之前,希望读者对 C# 的值类型.引用类型有比较深刻的认知. 在 C# 中,如果 ...

  9. P1057 迷宫路径

    题目描述 定义一个二维数组: int maze[5][5] = { 0, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, ...

  10. linux 手动睡眠

    在 Linux 内核的之前的版本, 正式的睡眠要求程序员手动处理所有上面的步骤. 它是一 个繁琐的过程, 包含相当多的易出错的样板式的代码. 程序员如果愿意还是可能用那种方 式手动睡眠; <li ...