2024-08-19

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及以上。

解答:已安裝。


說明:只有圖片文件能上傳,html、Js和txt文件都上傳不了。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、javascript簡介 輕量級(jí) 弱類型 腳本語言js就是通過固定的語法來操作 瀏覽器和 頁面結(jié)構(gòu) 來實(shí)現(xiàn)網(wǎng)頁...
    XIAOBIN閱讀 361評(píng)論 0 0
  • 01-js初體驗(yàn) Document alert('hi~~~北京十級(jí)大風(fēng)!!!!!'...
    菜鳥趙小白閱讀 283評(píng)論 0 1
  • // js組成:ECMAScript DOM BOM /* BOM----> Browser Obje...
    小胖子_d7d8閱讀 273評(píng)論 0 0
  • 了解變量、數(shù)據(jù)類型、運(yùn)算符等基礎(chǔ)概念,能夠?qū)崿F(xiàn)數(shù)據(jù)類型的轉(zhuǎn)換,結(jié)合四則運(yùn)算體會(huì)如何編程。 JavaScript介紹...
    小郭不會(huì)打籃球閱讀 190評(píng)論 0 0
  • 一:什么是XSS攻擊? XSS 即(Cross Site Scripting)中文名稱為:跨站腳本攻擊。XSS的重...
    cjg520閱讀 1,544評(píng)論 0 0

友情鏈接更多精彩內(nèi)容