1. 程式人生 > >2018.06.20實訓隨筆

2018.06.20實訓隨筆

href .get table 包含 inf 大小 基礎上 與操作 tel

今日學習成果:

學習了JS的簡介、實現、輸出、語句、註釋、變量和基本數據類型,了解了css和html的基本語法,在學習的過程中也發現了一些問題,寫出來供有緣人參考也提醒自己。

1、JS對大小寫敏感,一定要切記字母的大小寫要正確,要不很容易GG

2、JS中函數的調用要註意引號的問題,確認參數是字符串還是其他的變量類型。

document.getElementById("first").innerHTML = cars[0]; 正確
document.getElementById(first).innerHTML = cars[0];錯誤

3、表格制作時,應該一行一行的畫,即<tr>應該包含<td>標簽,正確示例如下:

<h3>測試數組初始化與操作</h3>
    <table id="carName" width="120px" border="100px">
        <tr>
            <td>No</td>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <
td>CarName</td> <td id="first">Aodi</td> <td id="second">Benchi</td> <td id="third">BYD</td> </tr> </table>

執行結果如圖:

技術分享圖片

如果<td>標簽寫到了<tr>標簽裏面,就會出現下面的效果。

技術分享圖片

4、

<script>
document.write("<h1>This is a heading</h1>
"); document.write("<p>This is a paragraph</p>"); </script>

如果寫文本的語句像上面一樣寫在<head>或者<body>裏面,會在已有頁面的基礎上繼續繪制頁面,不過如果像下面這種,點擊按鈕後再執行寫文本的語句,會先清除所有內容再寫文本。

<button type="button" onclick="isNumber()">
        點我提交框框內容
    </button>

5、JS和CSS語句可以獨立成文件,然後鏈接到html文件中。

<script src="myScript.js"></script>
<link rel="stylesheet" href="test.css" />

2018.06.20實訓隨筆