2018.06.20實訓隨筆
阿新 • • 發佈:2018-06-21
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實訓隨筆