JavaScript 第一章 作業
阿新 • • 發佈：2018-12-19
1.根據你的理解，簡述JavaScript的執行原理
1、客戶端請求某個網頁，即我們在上網時在位址列中輸入某個網址，瀏覽器接收到網址之後，向遠端web伺服器提出請求 2、web伺服器響應請求，web伺服器找到請求的頁面，並將整個頁面包含javascript的指令碼程式碼作為相應內容，傳送回客戶端機器 3、客戶端瀏覽器解釋並執行帶指令碼的程式碼，客戶端瀏覽器打開回應的網頁檔案內容，從上往下逐行讀取並顯示其中的html或者指令碼程式碼，指令碼是從伺服器端下載到客戶端，然後在客戶端進行的，即不佔用伺服器端的資源，因此通過客戶端指令碼，客戶端分擔了伺服器的的任務，大大的減輕了伺服器的壓力，從而間接地提升了伺服器的效能
2.簡述JavaScript的組成及每部分的作用
JavaScript的組成:
1:EcmAScript 歐洲計算機協會指定的JavaScript的規範
2:BOM:BroSWer object model(瀏覽器物件模型)
3:DOM:Document Object Model(文件物件模型)
JavaScript的作用:
1、嵌入動態文字於HTML頁面。 2、對瀏覽器事件做出響應。 3、讀寫HTML元素。 4、在資料被提交到伺服器之前驗證資料。 5、檢測訪客的瀏覽器資訊。 6、控制cookies，包括建立和修改等。 7、基於Node.js技術進行伺服器端程式設計
3.使用JavaScript實現列印倒金字塔直線
具體實現程式碼如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> div { text-align: center; line-height: 35px; } </style> </head> <body> <div> <script type="text/javascript"> document.write("<h3>列印倒正金字塔直線</h3>"); for(var i = 101; i > 0; i -= 10) { //列印倒金字塔 document.write("<hr width=" + i + "/>"); } for(var j = 11; j < 110; j = j + 10) { //列印正金字塔 document.write("<hr width=" + j + "/>"); } </script> </div> </body> </html>
4.使用JavaScript實現驗證郵箱的有效性
具體實現程式碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
function EmailVast(email) {
var a = email.indexOf("@"); //驗證輸入的郵箱地址是否包含"@"
if(email.length > 0) {
if(a == -1 || email.indexOf(".") == -1) {
alert("郵箱地址必須包含@和.");
} else {
var name = email.substring(0, a);
alert("郵箱地址輸入正確，郵箱名稱是:" + name);
}
} else {
alert("郵箱地址不能為空！")
}
}
EmailVast(prompt("請輸入郵箱地址", "[email protected]"));
</script>
</body>
</html>
5.使用prompt()方法在頁面中彈出提示對話方塊，根據使用者輸入星期一~星期日的不同，彈出不同的資訊提示對話方塊
具體實現程式碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var day=prompt("請輸入今天是星期幾","");
switch (day){
case "星期一":
alert("新的一週開始了");
break;
case "星期二":
case "星期三":
case "星期四":
alert("努力工作");
break;
case "星期五":
alert("明天就是週末了");
break;
case "星期六":
case "星期天":
alert("放鬆休息");
break;
default:
alert("請輸入正確的星期");
break;
}
</script>
</body>
</html>