
Java Web 應用程式設計/第 2 頁
題目三:
如下 .html 程式檔,
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="utf-8" />
<title>HTML 5, CSS, JavaScript, and DOM</title>
<link rel=stylesheet type="text/css" href="myStyle.css" />
</head>
<body>
<h1> Java Web 應用程式設計 </h1>
<hr>
<fieldset name="colorPalette">
<legend> Color Palette </legend>
<form method="post" action="">
<p> Red     color: <input id="Red" type="number" min=0 max=255 />
<p> Green color: <input id="Green" type="range" min=0 max=255 />
<p> Blue   color: <input id="Blue" type="text" />
<p> <input id="btnReset" type="reset" value="Reset"
onclick="reloadData();" />  
<input id="btnSubmit" type="submit" value="Convert"
onclick="colorConvert();" />  
<input id="btnStore" type="button" value="Store"
onclick="storeData();" />  
<input id="btnChangBGcolor" type="button" value="Chang BG color"
onclick="changeBGcolor();" />
</form>
</fieldset>
</body>
</html>
(一) 當使用 browser 開啟後,會呈現的頁面為何? 【5分】
(二) 請補上 myStyle.css 的內容,讓 h1 tag 的字型為「標楷體」、字大小為 32 pixel、藍色
粗體、行高 40 pixel、水平及垂直皆置中; 另外,hr tag 的高度為 6 pixel、寬度為頁面
的 80%。【5分】
(三) 請補上當載入網頁時會自動執行的函數 function pageLoad(),使其可以
1. 檢查使用者的 browser 是否支援 web storage 資料變數的存取,如果不支援,請以跳
窗方式提示使用者「Your browser does not support web storage, system will set
default RGB value to 255」,同時將 Red, Green, Blue 三變數的值設為 255。【5分】
2. 如果支援,則進一步檢查 localStorage 內是否有 Red, Green, 及 Blue 三變數,如果
有,則將其值分別讀入到變數 Red, Green, 及 Blue,否則將變數 Red, Green, 及 Blue
的值設為 255。【5分】(提示
:請注意字串跟數字格式的轉換)