1. 程式人生 > 實用技巧 >html一個背景顏色和文字顏色搭配

html一個背景顏色和文字顏色搭配

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>