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

时间 2019-11-08

原文原文链接

js中不容许出现“ - ”

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

<!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的方式

判断注意事项

全部的相对路径都别拿来作判断。。。css

　　img src href="css.css"html

绝对路径能够：java

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

颜色值不要拿来作判断spa

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

innerHTML值不要拿来作判断。。。htm

如何作图片判断示例：blog

<!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>