JS属性读写操作+if判断注意事项

 

 

js中不允许出现“ - ”

页面中改变文字大小-案例：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面中改变文字大小-案例</title>
<script type="text/javascript">
    window.onload = function () {
        var obtn1 = document.getElementById("btn1");
        var obtn2 = document.getElementById("btn2");
        var op1 = document.getElementById("p1");

        var num = 15;
        obtn1.onclick = function(){
            if (num > 12) {
                // num = mum - 1;
                // num += 1;
                num --; //每次递减一个
                p1.style.fontSize = num + "px";
            }
        }
        obtn2.onclick = function(){
            if (num < 22) {
                num ++;
                // js中不允许出现“ - ” 
                // font-size   fontSize
                p1.style.fontSize = num + "px";
            }
        }
    }
</script>
</head>
<body>
    <input id="btn1" type="button" value="-" />
    <input id="btn2" type="button" value="+" />
    <p id="p1" style="font-size: 15px;">网易科技讯 3月24日消息，据《福布斯》网站报道，虽然苹果公司不愿配合美国联邦调查局破解加州枪击案嫌犯的iPhone手机，但联调局似乎已经找到了其他的帮手，而且破解费用可能十分便宜，只需要1500美元。
    目前的多数报道称，以色列一家名为Cellebrite的公司愿意向美国联调局提供帮助，解锁嫌犯手机。美国联调局本周态度急转，称可能有另一种方法破解该设备，而无需苹果协助。原定于本周早些时候就破解一事召开的法院听证会因此被无限期延迟。
    iPhone漏洞可能非常昂贵，黑客可以因为发现一个漏洞赚取上百万美元。不过，参考以往的案例，Cellebrite破解服务的价格可以非常低廉。
    欧洲的一起案件或许是此种iPhone破解只需较低成本便能完成的佐证。意大利法院目前正在聆讯一桩毁容攻击案，该案嫌犯声称忘记了自己iPhone 5手机的开机密码。法院寻找专家破解这部装有iOS 8系统的手机，最后找到了Cellebrite公司。</p>
</body>
</html>
// js中不允许出现“ - ” 
// font-size   fontSize
p1.style.fontSize = num + "px";

 

 

 

class

op.className = "red";
//class 保留字  关键字： var function  ---不可以使用
//class => className

 

 

 

 


点击按钮变成复选框checkbox

<input id="inp1" type="button"/>
<script>
    var olnp = document.getElementById("inp1");
    olnp.onclick = function(){
        olnp.type = "checkbox";
        // IE6 IE7 IE8 不支持 会报错！！！
        // 可以时候隐藏显示方法来替换这种 点击按钮隐藏按钮 复选框显示
    }
</script>

 

 

 

改变DIV的浮动

oDIV.style.float = "left";

//保险写法：
oDIV.style.styleFloat = "left";
oDIV.style.cssFloat = "left";

//IE(styleFloat)、非IE（CSSFloat）
//可以使用调用className的方式

 

 

 

判断注意事项

所有的相对路径都别拿来做判断。。。

　　img src   href="css.css"

绝对路径可以：

　　img src="http://........jpg"

颜色值不要拿来做判断

　　color:red;   #fff    rgb(255,255,0)

innerHTML值不要拿来做判断。。。

 

 

如何做图片判断示例：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>if图片判断</title>
</head>
<body>
    <img id="img1" src="img1.png"/>
</body>
<script type="text/javascript">
    var oImg = document.getElementById("img1");
    var onoff = true;  // 布尔值：true 真 1  false 假 0

    oImg.onclick = function () {
        if (onoff) {
            oImg.src = "img2.png";   
            onoff = false;
        }else{
            oImg.src = "img1.png";
            onoff = true;
        }
    }
</script>
</html>

 

posted @ 2016-03-25 16:39  薯条_9  阅读(1627)  评论(0)  编辑  收藏  举报