js相关知识整理

知识点一:定位position

css的定位属性:position:static(静态)|relative(相对)|absolute(绝对)|fixed(固定)

绝对定位:以其已定位的祖先元素为参考点。

---已定位祖先元素:元素有fixed、relative、absolute修饰。

相对定位:以其在文档流中的原始位置为参考点。

知识点二:jQuery ajax事件

碰到一个问题:

如下代码,jQuery中的ajaxStart、ajaxStop方法不运行。

$("#infos").ajaxStart(function(){
    $(this).html("加载中···").show();
});
$("#infos").ajaxStop(function(){
    $(this).html("加载完成!").hide();
});

原因:query1.8以上只能绑定到$(document)上,而我使用的是2.1.4版本,所以一直不能运行。

$(document).ajaxStart(function(){
    $("#infos").html("加载中···").show();
});
$(document).ajaxStop(function(){
    $("#infos").html("加载完成!").hide();
});

处理方法换jquery版本或改用document

 

知识点三:css相关问题

1、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>


你可能感兴趣的:(ajaxStart,ajaxStop)