前端开发笔记

来源：互联网发布：java程序员书籍编辑：程序博客网时间：2024/05/17 08:26

1、在IE7下获得窗口高度window.innerHeight不管用，

解决：使用jquery的$(window).height()即可；

2、关于IE下float:right浮动换行解决方法：

调换需要float：right的div的位置；如：

<button>OK</button> <button style="float:right">好哈哈哈哈哈</button>的效果

<button style="float:right">好哈哈哈哈哈</button><button>OK</button> 的效果

这样就ok了

3、textarea 在浏览器中固定大小和禁止拖动：添加属性resize:none;

4、IE7下button标签去掉两端空白；添加overflow: visible;属性

5、关于HTML页面<!DOCTYPE> 标签的作用：

<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在IE7下不加在<!DOCTYPE html>声明会出现position:fixed无效等特殊的原因，所以要严格按照HTML进行编写

6、ajax异步传输时，回调js文件方法$.getScript("js/grid2/js/jquery.js");

7、通过js获得checkbox的选中状态:

(1)document.getElementById('check').checked;

(2)$('.class').prop('checked');

全选:$("input[name='new_site']").prop("checked",true);

反选:$("input[name='new_site']").each(function(){
if($(this).prop("checked")==false){
$(this).prop("checked",true);
}else {
$(this).prop("checked",false);
}
});

8、jquey跳出each循环

有些朋友可能会以为在jquery跳出循环可以直接使用continue和break了，但是使用之后没有效果，因为在jquery中没有这两条命令。

后来上网查了下，得到了结果：

return false;——跳出所有循环；相当于 javascript 中的 break 效果。

return true;——跳出当前循环，进入下一个循环；相当于 javascript 中的 continue 效果

$("input[type='text']").each(function (i){        var _val=$(this).val();      alert(_val);      if(_val=='2'){          return false; //跳出循环      }     })

0 0