JavaScript---屬性讀寫操作+if判斷註意事項

来源:http://www.cnblogs.com/alice-shan/archive/2016/03/25/5320048.html
-Advertisement-
Play Games

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>

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 本章大部分內容摘自:《領域驅動設計:軟體核心複雜性應對之道》一書中的第四章,分離領域,純屬原創。如有錯誤請指正,相互學習。 在軟體中,專門用於解決問題的那部分通常之占整個軟體的系統的很小一部分,這與其重要性遠遠不成比例。要想實現最佳的設計構思,就得去研究模型中的元素並它們視為一個系統 模式:LAYE... ...
  • PS:關於自動外呼的功能我在總體結構篇已經大概說過了,類似資料庫設計、以及相關代碼實現都不難,我就不多贅述了。這裡主要介紹當時遇到的幾個經過仔細思考過的設計思路。這幾天整理的時候,發現當時還是缺乏很多的知識,考慮也沒有很全面。這裡僅僅寫出來,供大家思考。 排隊機制的處理 板卡上的電話通道是有限的(公 ...
  • 類圖分為三層,第一層是類的名稱,如果是抽象類或介面,就用斜體表示,其中介面名稱的上部會用<<interface>>修飾;第二層是類的成員變數,通常是欄位和屬性;第三層是類的成員方法。類的成員變數和成員方法的修飾符分為+、#、-,分別表示public、protected、private。 類之間的關係 ...
  • 簡介 web的優化就是一場阻止http請求最終訪問到資料庫的戰爭。 優化的方式就是 ,在各個節點加緩存。 web請求的流程及節點 熟悉流程及節點,才能定位性能的問題。而且優化的順序一般也是按請求的流程逐一優化。這裡的流程只是做個概要,並不代表全面。 整個流程是以最快的方式讓用戶看到結果 定位的方法 ...
  • 信號的多徑傳播對環境具有依賴性,呈現出非常強的特殊性。對於每個位置而言,該位置上通道的多徑結構是惟一的,終端發射的無線電渡經過反射和折射,產生與周圍環境密切相關的特定模式的多徑信號,這樣的多徑特征可以認為是該位置的“指紋”。基站天線陣列檢測信號的幅度和相位等特性,提取多徑干擾特征參數,將該參數與預先 ...
  • 原地址:http://www.cnblogs.com/BoyXiao/archive/2010/05/07/1729376.html 首先來明確一個問題,那就是在某些情況下,有些對象,我們只需要一個就可以了, 比如,一臺電腦上可以連好幾個印表機,但是這個電腦上的列印程式只能有一個, 這裡就可以通 ...
  • join() 函數 join()函數是將兩個列表連接合併成一個列表。 >>join(10px 20px, 30px 40px) (10px 20px 20px 40px) >>join((blue,red),(#abc,#def)) (#0000ff,#ff0000,#aabbcc,#ddeeff) ...
  • Merge是一個非常有用的功能,類似於Mysql里的insert into on duplicate key. Oracle在9i引入了merge命令, 通過這個merge你能夠在一個SQL語句中對一個表同時執行inserts和updates操作. 當然是update還是insert是依據於你的指定 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...