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

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

一，效果圖。

二，程式碼。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>javascript 註釋</title>
</head>

<body>
    <h1 id="myH1"></h1>
    <p id="myP"></p>
    <script>
    /*
    下面的這些程式碼會輸出
    一個標題和一個段落
    並將代表主頁的開始
    */
    //輸出標題
    document.getElementById("myH1").innerHTML = "welcome to my homepage"; //行末使用註釋
    //輸出段落
    document.getElementById("myP").innerHTML = "this is my first paragraph";
    </script>
    <p><b>註釋:</b>註釋不會被執行</p>
</body>

</html>

參考資料：《菜鳥教程》

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

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

【程式碼筆記】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 條件語句</title

【程式碼筆記】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註釋

相關推薦