js相關知識整理

時間 2019-11-08

標籤相關知識整理欄目 JavaScript 简体版

原文原文鏈接

知識點一：定位positionjavascript

css的定位屬性：position：static（靜態）|relative（相對）|absolute（絕對）|fixed（固定）css

絕對定位：以其已定位的祖先元素爲參考點。html

---已定位祖先元素：元素有fixed、relative、absolute修飾。java

相對定位：以其在文檔流中的原始位置爲參考點。jquery

知識點二：jQuery ajax事件web

碰到一個問題：ajax

以下代碼，jQuery中的ajaxStart、ajaxStop方法不運行。ide

?this

$( "#infos" ).ajaxStart( function (){

$( this ).html( "加載中···" ).show();

});

$( "#infos" ).ajaxStop( function (){

$( this ).html( "加載完成！" ).hide();

});

緣由：query1.8以上只能綁定到$(document)上，而我使用的是2.1.4版本，因此一直不能運行。spa

$(document).ajaxStart( function (){

$( "#infos" ).html( "加載中···" ).show();

});

$(document).ajaxStop( function (){

$( "#infos" ).html( "加載完成！" ).hide();

});

處理方法：更換jquery版本或改用document

知識點三：css相關問題

一、Chrome 中文界面下默認會將小於 12px 的文本強制按照 12px 顯示, 可經過加入 CSS 屬性 -webkit-text-size-adjust: none; 解決.

案例一：定時器

<!doctype html>

<html>

<head>

<meta charset= "UTF-8" >

<title>Document</title>

<script type= "text/javascript" >

window.onload= function (){

var send=document.getElementById( 'send' ),

times=60,

timer= null ;

send.onclick= function (){

// 計時開始

send.disabled = true ;

if (timer){

clearInterval(timer);

timer = null ;

}

timer=setInterval( function (){

if (times>0){

times--;

send.value = times+ "秒後重試" ;

}

else {

clearInterval(timer);

send.value = "發送驗證碼" ;

times=60;

send.disabled = false ;

}

},1000);

}

</script>

</head>

<body>

<input type= "button" id= "send" value= "發送驗證碼" />

</body>

</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。