JS 通过url地址栏获取html页面名称
有的时候需要获取页面名称,为此我在这里封装了一个方。
一、分别根据传递不同的参数,获取到html页面的名称。
通过传递参数,获取到html页面的名称;参数params
以下是参数解释说明
(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页面名称的更多相关文章
- 如何防止通过URL地址栏直接访问页面
如何防止通过URL地址栏直接访问页面 一.解决方案 1,将所有页面放在WEB-INF目录下 WEB-INF是Java的web应用安全目录,只对服务端开放,对客户端是不可见的.所以我们可以把除首页(in ...
- PHP获取 当前页面名称、主机名、URL完整地址、URL参数、获取IP
$URL['PHP_SELF'] = isset($_SERVER['PHP_SELF']) ? $_SERVER['PHP_SELF'] : (isset($_SERVER['SCRIPT_NAME ...
- js获取当前页面名称
// 取当前页面名称(不带后缀名) function pageName() { var a = location.href; var b = a.split("/"); var c ...
- 【JS 移动端】获取设置页面大小
获取设置页面大小 function getMobileData() { var ismobile = false; browser = { versions: function () { var u ...
- 从url(地址栏)获取参数:Jquery中getUrlParam()方法的使用
我想要获取如下id 如下代码(传参要加问好!!) function getUrlParam(id) { var regExp = new RegExp('([?]|&)' + id+ '=([ ...
- js 从URL上获取参数
//获取匹配的 function getUrlParam(name) { var reg = new RegExp("(^|&)" + ...
- 【转】【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 ...
- js获取url参数值,js获取其他页面传递而来的值
index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&...... 静态html文件js读取url参数 根据获取html的参数值控制htm ...
- js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值
js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值本文介绍jquery/js获取当前页面url地址的方法,在jquery与js中获取当前页面url方法是一样的,因为jque ...
随机推荐
- jq杂项方法/工具方法----trim() html() val() text() attr()
https://www.cnblogs.com/sandraryan/ $.trim() 函数用于去除字符串两端的空白字符.在中间的时候不会去掉. var str = ' 去除字符串左右两端的空格,换 ...
- Windows Community Toolkit 3.0 新功能 在WinForms 和 WPF 使用 UWP 控件
本文告诉大家一个令人震惊的消息,Windows Community Toolkit 有一个大更新,现在的版本是 3.0 .最大的提升就是 WinForm 和 WPF 程序可以使用部分 UWP 控件. ...
- java DOM 操作xml
1 代码如下: package dom.pasing; import java.io.IOException; import java.io.StringWriter; import javax.xm ...
- Python--day60--一个简单(不完整)的web框架
- Python--day33--当面试时候问到如何解决黏包问题?的回答。
- vue-element Tree树形控件通过id默认选中
一.设置 1.给树形控件设置 ref="tree" node-key="id" 2.在获取数据的位置加上 this.$nextTick(() => { t ...
- H3C 根据主机地址数划分子网
- tensorflow在文本处理中的使用——词袋
代码来源于:tensorflow机器学习实战指南(曾益强 译,2017年9月)——第七章:自然语言处理 代码地址:https://github.com/nfmcclure/tensorflow-coo ...
- win10 uwp 如何使用DataTemplate
这是数据模板,一般用在数组的绑定,显示数组中的元素. 假如我们有一个列表,列表里是书,包括书名.作者.还有出版,那么我们只有源信息,如何把它显示到我们的ListView,就需要DataTemplate ...
- H3C配置历史命令缓冲大小--接口视图(console为准)
[wang]user-interface console 0 [wang-ui-console0]history-command max-size 30 //配置缓冲区大小 [wang-ui-c ...