js中不允許出現“ - ” 頁面中改變文字大小-案例： class 點擊按鈕變成覆選框checkbox 改變DIV的浮動 判斷註意事項 所有的相對路徑都別拿來做判斷。。。 img src href="css.css" 絕對路徑可以： img src="http://........jpg" 顏色值不 ...
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>
