1、使用html寫一個(gè)網(wǎng)頁,要求滿足以下條件:
(1)網(wǎng)頁中含有任意一張圖片,圖片路徑使用絕對(duì)路徑,鼠標(biāo)懸停在圖片時(shí)出現(xiàn)“馬哥教育”文本,且點(diǎn)擊圖片可跳轉(zhuǎn)至馬哥教育官方頁面
(2)網(wǎng)頁中包含賬號(hào)、密碼登錄,且賬號(hào)提前定義好是admin且不可更改,輸入密碼時(shí)顯示加密形式
解答:
<!DOCTYPE html>
<html lang="en">
<head>
? ? <meta charset="UTF-8">
? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">
? ? <title>馬哥教育網(wǎng)絡(luò)安全培訓(xùn)第二次作業(yè)第1題</title>
</head>
<body style="text-align: center;">
? ? <a title="馬哥教育"><img src="../mag1.jpg"? alt="此處是馬哥圖片"></a><br><br>
? ? <label for="username" >賬號(hào):</label>
? ? <input type="text" id="username" name="username" value="admin" readonly><br><br>
? ? <label for="password">密碼:</label>
? ? <input type="password" id="password" name="password"><br><br>
? ? <input type="submit" value="登錄">
</body>
</html>
2、判斷題
(1)Java是編譯型語言。
(2)Javascript中,不區(qū)分大小寫字母,也就是說A和a是同一個(gè)變量。
(3)Javascript中的常量包括String、Number、Boolean、Null、Undefined。
(4)String字符串的語法中既可以使用單引號(hào),也可以使用雙引號(hào)。
(5)typeof是用來判斷變量類型,不可以當(dāng)作運(yùn)算符使用。
(6)任何值和undefined 運(yùn)算,undefined 可看做0運(yùn)算。
解答:
(1)錯(cuò)誤
(2)錯(cuò)誤
(3)錯(cuò)誤
(4)正確
(5)錯(cuò)誤
(6)錯(cuò)誤
3、請(qǐng)分別描述下列代碼中“+”的作用。
(1)console.log("年齡:" + 20);
(2)console.log(11+22+33);
(3)console.log("網(wǎng)絡(luò)+安全");
(4)var a = 1;
? ? var b = 2;
? ? console.log("a" + b);
(5)var a = 1;
? ? var b = 2;
? ? console.log("a + b");
解答:
(1)字符串連接
(2)數(shù)值相加
(3)字符本身
(4)字符串連接
(5)字符本身
4、計(jì)算下述代碼的打印值
var a = 10;
var b = 10;
console.log(a++);
console.log(++a);
console.log(--b);
console.log(b--);
解答:打印值如下:
10
12
9
9
5、分別使用行內(nèi)式、內(nèi)嵌式、引入外部文件的方法造成網(wǎng)頁彈窗,要求觸發(fā)彈窗的JS命令不止一種。
解答:
(1)行內(nèi)式
<!DOCTYPE html>
<html lang="en">
<head>
? ? <meta charset="UTF-8">
? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">
? ? <title>馬哥教育網(wǎng)絡(luò)安全培訓(xùn)第二次作業(yè)第5題行內(nèi)式彈窗</title>
</head>
<body style="text-align: center;">
? ? <button onclick="alert(1)">點(diǎn)擊我(行內(nèi)式)</button>?
? ? <br><br>
? ? <button onclick="confirm(1)">確認(rèn)退出</button>?
? ? <br><br>
? ? <!-- <button onclick="prompt('請(qǐng)輸入:'); ">? -->
? ? <a href="#" onclick="prompt('請(qǐng)輸入你的要求:', ''); return false;">點(diǎn)擊獲取你的要求</a>?
</body>
</html>
(2)內(nèi)嵌式
<!DOCTYPE html>
<html lang="en">
<head>
? ? <meta charset="UTF-8">
? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">
? ? <title>馬哥教育網(wǎng)絡(luò)安全培訓(xùn)第二次作業(yè)第5題內(nèi)嵌式彈窗</title>
</head>
<body style="text-align: center;">
? ? <script>
? ? ? ? alert(document.cookie);
? ? ? ? var a=prompt("請(qǐng)隨便輸入點(diǎn)什么:");
? ? </script>
</body>
</html>
(3)引入外部文件
創(chuàng)建一個(gè)zy-5-3.js文件:
alert('這是通過外部文件觸發(fā)的alert!');
在HTML文件zy-5-3.html中引入這個(gè)JavaScript文件:
<!DOCTYPE html>
<html lang="en">
<head>
? ? <meta charset="UTF-8">
? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">
? ? <title>馬哥教育網(wǎng)絡(luò)安全培訓(xùn)第二次作業(yè)第5題引入外部文件彈窗</title>
</head>
<body>
? ? <script src="zy2-5-3.js"></script>?
</body>
</html>
6、請(qǐng)自行準(zhǔn)備一個(gè)Centos操作系統(tǒng),要求版本7及以上。
解答:已安裝。
