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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。