淺談js中startsWith 函數(shù)不能在任何瀏覽器兼容的問題
在做js測試的時候用到了startsWith函數(shù),但是他并不是每個瀏覽器都有的,所以我們一般要重寫一下這個函數(shù),具體的用法可以稍微總結(jié)一下
在有些瀏覽器中他是undefined 所以我們可以這樣的處理一下、
if (typeof String.prototype.startsWith != 'function') {
String.prototype.startsWith = function (prefix){
return this.slice(0, prefix.length) === prefix;
};
}
這個需要放在頁面剛要加載完成的函數(shù)里,不然不好使。
還有一種直接重寫 不過我沒測試過,你們可以測試一下:
String.prototype.startWith=function(str){
if(str==null||str==""||this.length==0||str.length>this.length)
return false;
if(this.substr(0,str.length)==str)
return true;
else
return false;
return true;
}
有的說js中沒有startsWith 和endWith這兩個函數(shù)不過就算不聲明有些瀏覽器他還是可以用的,不過為了兼容性還是希望重寫一下。
if (typeof String.prototype.endsWith != 'function') {
String.prototype.endsWith = function(suffix) {
return this.indexOf(suffix, this.length - suffix.length) !== -1;
};
}
采用正則表達式實現(xiàn)startWith、endWith效果函數(shù)
String.prototype.startWith=function(str){
var reg=new RegExp("^"+str);
return reg.test(this);
}
//測試ok,直接使用str.endWith("abc")方式調(diào)用即可
String.prototype.endWith=function(str){
var reg=new RegExp(str+"$");
return reg.test(this);
}
以上這篇淺談js中startsWith 函數(shù)不能在任何瀏覽器兼容的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JS實現(xiàn)求字符串中出現(xiàn)最多次數(shù)的字符和次數(shù)示例
這篇文章主要介紹了JS實現(xiàn)求字符串中出現(xiàn)最多次數(shù)的字符和次數(shù),涉及javascript針對字符串的遍歷、統(tǒng)計、計算等相關(guān)操作技巧,需要的朋友可以參考下2019-07-07
js+html5獲取用戶地理位置信息并在Google地圖上顯示的方法
這篇文章主要介紹了js+html5獲取用戶地理位置信息并在Google地圖上顯示的方法,涉及html5元素的操作技巧,需要的朋友可以參考下2015-06-06
Bootstrap 實現(xiàn)表格樣式、表單布局的實例代碼
這篇文章主要介紹了Bootstrap 實現(xiàn)表格樣式、表單布局的實例代碼,需要的朋友可以參考下2018-12-12
22種JavaScript中數(shù)組常用API總結(jié)
在前端開發(fā)中,數(shù)組是一種常見且重要的數(shù)據(jù)結(jié)構(gòu),本文主要介紹了前端中數(shù)組常用的API,包括添加、刪除、截取、合并、轉(zhuǎn)換等操作,希望對大家有所幫助2023-05-05
原生JS實現(xiàn)風箱式demo,并封裝了一個運動框架(實例代碼)
下面小編就為大家?guī)硪黄鶭S實現(xiàn)風箱式demo,并封裝了一個運動框架(實例代碼)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07

