1. 程式人生 > >前端常用小知識點總結

前端常用小知識點總結

一、文字輸入回車轉換為–

var text = ( . w r

a ) . h t m l ( ) ; t e x t
= t e x t . r e p l a c e ( /
[ \n \r ] / g , ) (‘.wra’).html(text);

二、手機端跳轉
onclick=”location.href =’/html/html.html?doctor=’ + doctorId”

三、移除點選事件
( . a p p l y ) . a t t r ( o n c l i c k , a p p l y ( ) ; ) ; a t t r ( , ) (“.apply”).removeAttr(“onclick”);

四、超出隱藏–選擇幾行:
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
—單行—
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

五、正則
/^(?=.*\d)[a-z\d]{6,20}$/i 判斷 6到20字元

六、判斷網路
if(window.navigator.onLine==true) { 
    alert(“首次 – 已連線”); 這個可以,但是沒有網路怎樣載入js啊
  }else { 
    alert(“首次 – 未連線”);
}

七、判斷後臺返回img錯誤呼叫img(圖片)
onerror=”nofind();”
function nofind(){
var img=event.srcElement;
img.src=”/images/onerror.png”;
img.onerror=null; //控制不要一直跳動
}

八、判斷val值為空
(function() { (“.searchbox”).blur(function() {
if ( ( . s e a r c h b o x ) . v a l ( ) == ) $ ( . s e a r c h b o x ) . f o c u s ( ) ; e l s e a l e r t ( (“.searchbox”).val());
});
});

九、要檢查是否是可見的元素,你可以使用下面的程式碼片段:
if($(element).is(“:visible”) == “true”)
{
//可見
}
else
{
//不可見
}

十、設定計時器
$(document).ready(function(){

window.setTimeout(function(){
// 執行程式碼
}, 500);

});