前端split,前端splitloopedstring
前端使用js如何准确获取当前页面url网址信息
在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。
下面我们举例一个URL，然后获得它的各个组成部分：
1、window.location.href(设置或获取整个 URL 为字符串)
var test = window.location.href;
alert(test);
返回：
2、window.location.protocol(设置或获取 URL 的协议部分)
var test = window.location.protocol;
alert(test);
返回：http:
3、window.location.host(设置或获取 URL 的主机部分)
var test = window.location.host;
alert(test);
返回：i.cnblogs.com
4、window.location.port(设置或获取与 URL 关联的端口号码)
var test = window.location.port;
alert(test);
返回：空字符(如果采用默认的80端口(update:即使添加了:80)，那么返回值并不是默认的80而是空字符)
5、window.location.pathname(设置或获取与 URL 的路径部分（就是文件地址）)
var test = window.location.pathname;
alert(test);
返回：/EditPosts.aspx
6、window.location.search(设置或获取 href 属性中跟在问号后面的部分)
var test = window.location.search;
alert(test);
返回：?opt=1
PS：获得查询（参数）部分，除了给动态语言赋值以外，我们同样可以给静态页面，并使用javascript来获得相信应的参数值。
7、window.location.hash(设置或获取 href 属性中在井号“#”后面的分段)
var test = window.location.hash;
alert(test);
返回：空字符(因为url中没有)
8、js获取url中的参数值
一、正则法
function getQueryString(name) {? var reg = new RegExp('(^|)' + name + '=([^]*)(|$)', 'i');? var r = window.location.search.substr(1).match(reg);? if (r != null) {? ? return unescape(r[2]);? }? return null;}// 这样调用：alert(GetQueryString("参数名1"));? alert(GetQueryString("参数名2"));? alert(GetQueryString("参数名3"));
二、split拆分法
function GetRequest() {
? var url = location.search; //获取url中"?"符后的字串
? var theRequest = new Object();
? if (url.indexOf("?") != -1) {
? ? var str = url.substr(1);
? ? strs = str.split("");
? ? for(var i = 0; i strs.length; i ++) {
? ? ? theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
? ? }
? }
? return theRequest;
}
var Request = new Object();
Request = GetRequest();br// var id=Request["id"];
// var 参数1,参数2,参数3,参数N;
// 参数1 = Request['参数1'];
// 参数2 = Request['参数2'];
// 参数3 = Request['参数3'];
// 参数N = Request['参数N'];
三、指定取
比如说一个url：,我们想得到参数j的值，可以通过以下函数调用。
function GetQueryString(name) {
? var reg = new RegExp("(^|)" + name + "=([^]*)(|$)", "i");
? var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
? var context = "";
? if (r != null)
? ? context = r[2];
? reg = null;
? r = null;
? return context == null || context == "" || context == "undefined" ? "" : context;
}
alert(GetQueryString("j"));
四、单个参数的获取方法
function GetRequest() {
? var url = location.search; //获取url中"?"符后的字串
? if (url.indexOf("?") != -1) {? //判断是否有参数
? var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串
? strs = str.split("=");? //用等号进行分隔 （因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用号分隔 再用等号进行分隔）
? alert(strs[1]);? ? //直接弹出第一个参数 （如果有多个参数 还要进行循环的）
? }
}
一、正则法
functiongetQueryString(name) {
??varreg = newRegExp('(^|)'+ name + '=([^]*)(|$)', 'i');
??varr = window.location.search.substr(1).match(reg);
??if(r != null) {
????returnunescape(r[2]);
??}
??returnnull;
}
// 这样调用：
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));
二、split拆分法
functionGetRequest() {
??varurl = location.search; //获取url中"?"符后的字串
??vartheRequest = newObject();
??if(url.indexOf("?") != -1) {
????varstr = url.substr(1);
????strs = str.split("");
????for(vari = 0; i strs.length; i ++) {
??????theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
????}
??}
??returntheRequest;
}
varRequest = newObject();
Request = GetRequest();br// var id=Request["id"];
// var 参数1,参数2,参数3,参数N;
// 参数1 = Request['参数1'];
// 参数2 = Request['参数2'];
// 参数3 = Request['参数3'];
// 参数N = Request['参数N'];
三、指定取
比如说一个url：,我们想得到参数j的值，可以通过以下函数调用。
functionGetQueryString(name) {
??varreg = newRegExp("(^|)"+ name + "=([^]*)(|$)", "i");
??varr = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
??varcontext = "";
??if(r != null)
?????context = r[2];
??reg = null;
??r = null;
??returncontext == null|| context == ""|| context == "undefined"? "": context;
}
alert(GetQueryString("j"));
四、单个参数的获取方法
functionGetRequest() {
??varurl = location.search; //获取url中"?"符后的字串
??if(url.indexOf("?") != -1) {? //判断是否有参数
???varstr = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串
???strs = str.split("=");? //用等号进行分隔 （因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用号分隔 再用等号进行分隔）
???alert(strs[1]);???? //直接弹出第一个参数 （如果有多个参数 还要进行循环的）
??}
}
区分数组的splice,split,slice方法
每门语言估计都有相同的语法，我的大前端也不例外，工作中经常要对数据进行操作，对splice，split ，slice，总是傻傻分不清楚，害的没次都要查文档，然而查完有忘了，（手动尴尬），现在把这几个方法总结一下，以便区分。为了方便查阅。如果你有更好的建议，欢迎交流。。
定义：slice() 方法可从已有的数组中返回选定的元素。
用法：arrayObject.slice(start,end)
实例：
定义：slice() 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。
用法：stringObject.slice(start,end)
解释：
返回值：一个新的字符串。包括字符串 stringObject 从 start 开始（包括 start）到 end 结束（不包括 end）为止的所有字符
实例：
定义：splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。
用法：arrayObject.splice(index,howmany,item1,.....,itemX)
解释：
返回值：包含被删除项目的新数组，如果有的话。
实例：
定义：split() 方法用于把一个字符串分割成字符串数组。
用法：stringObject.split(separator,howmany)
解释：
返回值：一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。
但是，如果 separator 是包含子表达式的正则表达式，那么返回的数组中包括与这些子表达式匹配的字串（但不包括与整个正则表达式匹配的文本）。
实例：
前端开发——什么是数组
定义数组的两种方式
vara=new Array()var a=[ ]
数组的长度
vara=["a","b","e"];console.log(a.length)
length是数组的长度 输出结果为 3
添加元素
vara=["a","b","c","d"];a.push("e")
push方法是向数组中最后一个位置添加元素
a.unshift("f");
unshift方法是向数组中第一个位置添加元素
a.splice(a,0,"g")
splice方法可以在数组指定位置添加元素并且可以删除元素，数字2代表位置，数字0代表删除元素的个数，这里表示在元素b后面加一个元素g
删除元素
vara=["a","b","c","d"]; a.pop();
pop()方法删除数组中的元素,删除的是最后一个；
a.shift()
shift方法删除数组中的元素,删除的是第一个；也可以用splice删除，并且可以删除多个元素
数组转换
vara=["a","b","c"];vara1=a.join("#");
join是把数组里的元素变成字符串，用“#”隔开
var a="w,e,g";vara1=a.split(",");
split是把字符串变成数组，数组用“,”隔开
以上就是关于数组的分享，更多前端内容请 点击关注