分类： 前端

js lpad

leokim / / Javascript
1
2
3
4
5
6
7
8
9
10
        function lpad(len,initstr,padstr)
        {
            var result="";
            for(var i=1;i<=len-initstr.toString().length;i++)
            {
                result += padstr;
            }
            result += initstr;
            return result;
        }

开始在固定位置 达到一定高度后随屏幕滚动

leokim / / HTML, Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<style type="text/css">
 
.div1 {
    height:2000px;
}
 
 
.div2 {
    width:200px;
    height:200px;
    background-color:#3399FF;
    margin-top:100px;
}
.div2_1{
    position:fixed;
    width:200px;
    height:200px;
    z-index:999;
    background-color:#3399FF;
    top:0px;
    _position:absolute;
    _bottom:auto;
    _top:[removed]eval(document.documentElement.scrollTop));
}
</style>
 
<script type="text/javascript">
window.onscroll=function(){ 
    var t=document.documentElement.scrollTop||document.body.scrollTop;  
    var div2=document.getElementById("div2"); 
    if(t>= 100){ 
        div2.className = "div2_1";
    }else{
        div2.className = "div2";
    } 
}
</script>
 
 
<div class="div1">
    <div id="div2" class="div2"></div>
</div>

JS 中如何判断 undefined 和 null

leokim / / 前端

JS 中如何判断 undefined

以下是不正确的用法：

exp 为 null 时，也会得到与 undefined 相同的结果，虽然 null 和 undefined 不一样。注意：要同时判断 undefined 和 null 时可使用本法。

var exp = undefined;
if (typeof(exp) == undefined)
{
    alert("undefined");
}

 

 

——————————————————————————–

JS 中如何判断 null

 

exp 为 undefined 时，也会得到与 null 相同的结果，虽然 null 和 undefined 不一样。注意：要同时判断 null 和 undefined 时可使用本法。

var exp = null;
if (!exp)
{
    alert("is null");
}

 

为了向下兼容，exp 为 null 时，typeof 总返回 object。

JavaScript 中没有 isNull 这个函数。

 

 

<p  10px auto; color: rgb(0, 0, 0); font-family: Verdana, 'Lucida Grande', Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; widows: 1;">尽管如此，我们在 DOM 应用中，一般只需要用 (!exp) 来判断就可以了，因为 DOM 应用中，可能返回 null，可能返回 undefined，如果具体判断 null 还是 undefined 会使程序过于复杂。

form submit 验证

leokim / / Javascript
1
2
3
4
5
6
7
8
9
10
<script>
function submitFun(){
    //逻辑判断
    return true; //允许表单提交
    //逻辑判断
    return false;//不允许表单提交
}
</script>
<form onsubmit="reture submitFun();"> //注意此处不能写成 onsubmit="submitFun();"否则将表单总是提交
</form>