html一個背景顏色和文字顏色搭配
阿新 • • 發佈:2020-10-23
JavaScript是客戶端指令碼語言,是一種居於物件(Object)和事件驅動(Event Dreven)的指令碼語言。JavaScript認為文件和顯示文件的瀏覽器都是由不同的物件組成的集合。這些物件具有一定的屬性,你可以對這些屬性進行修改或計算。
Javascript 的基本特點是:
為指令碼語言,是基於物件的,具有簡單性,動態性,跨平臺性
Javascript 基本語法
1.<script> 標籤
在HTML中,使用<script>標籤對插入JavaScript。在標識<script>標籤對之間可加入JavaScript指令碼程式碼
<script>標籤的屬性:
Charset:
表示通過Src 屬性指定程式碼的字符集。大多瀏覽器會忽略該屬性,建議不用。
Src:
指定外部程式碼的外部檔案,可選。
<script type="text/JavaScipt" src="./js/axios-0.18.0.min.js"></script>
Language:
指定<script>標籤中的指令碼的型別,即指明這段程式碼使用JavaScript來編寫的,使用方法如下:
<script language="JavaScript"></script>
Type:
可用來指定<script>標籤中的指令碼型別。
<script type="text/JavaScript"></script>
其屬性值說明:<script> 標籤中的指令碼是文字型別(text),並告訴瀏覽器裡面的文字是屬於JavaScript的指令碼
注意:大多瀏覽器會忽略該屬性,建議不用,而提成使用type屬性,這兩是個性的值是不一樣的。
JavaScipt 可以直接嵌入到html中通過瀏覽器直接執行。在html中嵌入Script程式碼的方式有兩種:
1.放在<head>標籤中(推薦使用)
2.放在<body>標籤中。
例如:在HTML中嵌入JavaScript程式碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script type="text/JavaScript"> function sum() { var s1 =document.f1.s1.value; var s2 =document.f1.s2.value; var s3 =Number(s1) + Number(s2); document.f1.s3.value = s3 } </script> </head> <body> <form name="f1"> <input type="text" name="s1">+ <input type="text" name="s2">= <input type="text" name="s3"> <input type="button" value="計算結果" onclick="sum()"> </form> </body> </html>