【程式碼筆記】Web-JavaScript-JavaScript 條件語句

阿新 • • 發佈：2019-01-07

一，效果圖。

二，程式碼。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>javascript 條件語句</title>
</head>

<body>
    <p>如果時間早於20:00,會獲得問候“Good day”.</p>
    <button onclick="myFunction()">點選這裡</button>
    <p id="demo"></p>
    <script>
    function myFunction() {
        var x = "";
        var time = new Date().getHours();
        if (time < 20) {
            x = "Goo day";
        }
        document.getElementById("demo").innerHTML = x;
    }
    </script>
    <script type="text/javascript">
    var d = new Date();
    var time = d.getHours();
    if (time < 10) {
        document.write("<b>早上好</b>")
    } else if (time >= 10 && time < 16) {
        document.write("<b>hello world!</b>")

    } else {
        document.write("<b>hello world!</b>")
    }
    </script>
    <p>這個例子演示了if.elseif..else</p>
</body>

</html>

參考資料：《菜鳥教程》

【程式碼筆記】Web-JavaScript-JavaScript 條件語句

一，效果圖。二，程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 條件語句</title

【程式碼筆記】Web-Javascript-javascript簡介

一，效果圖。二，程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 簡介</title&g

【程式碼筆記】Web-JavaScript-JavaScript用法

一，效果圖。二，程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 用法<

【程式碼筆記】Web-JavaScript-Javascript物件

一，效果圖。二，程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 物件</title>

【程式碼筆記】Web-JavaScript-JavaScript字串

一，效果圖。二，程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 字串</title>

【程式碼筆記】Web-JavaScript-JavaScript 運算子

一，效果圖。二，程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascr

【程式碼筆記】Web-Javascript-Javascript函式

一，效果圖。二，程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 函式</title&g

【程式碼筆記】Web-JavaScript-JavaScript 變數

一，效果圖。二，程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 變數</title&g

【程式碼筆記】Web-JavaScript-JavaScript語句

一，效果圖。二，程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 語法</title&g

【程式碼筆記】Web-JavaScript-JavaScript語法

一，效果圖。二，程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 語法<

【程式碼筆記】Web-JavaScript-JavaScript輸出

一，效果圖。二，程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 用法</title&g

【程式碼筆記】Web-JavaScript-JavaScript switch語句

一，效果圖。二，程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript switch語句</ti

【程式碼筆記】Web-JavaScript-javaScript for迴圈

一，效果圖。二，程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascri

【程式碼筆記】Web-JavaScript-JavaScript正則表示式

一，效果圖。二，程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript 正則表示式</titl

【程式碼筆記】Web-JavaScript-JavaScript 型別轉換

一，效果圖。二，程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8

【程式碼筆記】Web-Javascript-javascript break和continue語句

一，效果圖。二，程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascr

【程式碼筆記】Web-JavaScript-javascript while迴圈

一，效果圖。二，程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript while迴圈</ti

【程式碼筆記】Web-JavaScript-JavaScript註釋

一，效果圖。二，程式碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 註釋&l

【程式碼筆記】HTML+CSS+JavaScript實現密碼輸入框顯示文字

原理：通過設定一個input為password，預設display為none，再設定一個input為text設定為block，利用js指令碼控制顯隱。具體思路：給type型別為text的輸入框加一個點選事件，點選事件是設定text型別輸入框的display為none，

【程式碼筆記】HTML+CSS+JAVAScript+jQuery點選圖示下滑列表

原理：同前一篇，不過使用的是sildeToggle方法。具體思路：同前一篇。具體實現程式碼： JS檔案： function showSort() { $("#sort").click(funct

【程式碼筆記】Web-JavaScript-JavaScript 條件語句

相關推薦