一：css篇
1：弹出层的背景层虽然设置了fixed-top:0;left:0;依然不会定位到最顶部；
原因：检查一下是否是其他样式影响了，比如导航如果也设置了fixed定位，这种情况可以通过设置z-index来设置元素的堆叠顺序；
2：在使用其他组件时，有时会碰到对引用的组件设置样式不起作用的情况：
原因：有些组件的api是组件独享的，不是html标签api，所以所设置的样式不会对其起作用，可以通过对引用的组件api外套一层<div>，对div进行样式设置；
3：图片自适应的方法：给img外层套一个div并把div设置为：display:inline-block
4:jquery 如何取得一个select的当前值
<
select
id
=
"cursel"
>
<
option
value
=
"1"
>值1</
option
>
<
option
value
=
"2"
>值2</
option
>
<
option
value
=
"3"
>值3</
option
>
<
option
value
=
"4"
>值4</
option
>
</
select
>
$(document).on(
"change"
,
"#cursel"
,
function
(){
alert(
'value：'
+$(
this
).val());
//获取value
alert(
'text：'
+$(
this
).find(
"option:selected"
).text());
//获取选中文本
});
5：如果图片加载不成功用其他图片来代替的实现方法:
原理是：利用jq里的.error()方法，为加载不成功的img的src属性重新指定
代码如下：
$("img")
.error(function(){
$(this).hide();
})
.attr("src", "missing.png");
6：实现textarea限制输入字数（包含中文只能输入10个，全ASCII码能够输入20个）
<script language="#" type="text/ecmascript">
window.onload = function()
{
document.getElementById('txta1').onkeydown = function()
{
if(this.value.length >= 10)
event.returnValue = false;
}
}
</script>
window.onload = function()
{
document.getElementById('txta1').onkeydown = function()
{
if(this.value.length >= 10)
event.returnValue = false;
}
}
</script>
7：点击实现后退一页的最简单写法：
<a onclick="javascript:history.go(-1);"></a>
8：离开页面触发的事件onunload()和onbeforunload()的区别使用
window.onbeforeunload = function(){ return 'woshishui'}
9：合计函数
function hejinum(){ var num = 0; $(".materia_num").each(function(){ num = num + parseInt($(this).val()); }); $(".putout_heji").text(num);
}
10：
需要知道已经经过了多少次或者说过多久就会停止
var timesRun = 0;
var interval = setInterval(function(){
timesRun += 1;
if(timesRun === 60){
clearInterval(interval);
}
//do whatever here..
}, 2000);var startTime = new Date().getTime();
var interval = setInterval(function(){
if(new Date().getTime() - startTime > 60000){
clearInterval(interval);
return;
}
//do whatever here..
}, 2000);
10：JS获取n至m随机整数
functionrd(n,m){
var c = m-n+1;
return Math.floor(Math.random() * c + n);
}