2024-08-19

1、使用html写一个网页,要求满足以下条件:

(1)网页中含有任意一张图片,图片路径使用绝对路径,鼠标悬停在图片时出现“马哥教育”文本,且点击图片可跳转至马哥教育官方页面

(2)网页中包含账号、密码登录,且账号提前定义好是admin且不可更改,输入密码时显示加密形式

解答:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>马哥教育网络安全培训第二次作业第1题</title>

</head>

<body style="text-align: center;">

    <a href="https://www.magedu.com" title="马哥教育"><img src="../mag1.jpg"  alt="此处是马哥图片"></a><br><br>

    <label for="username" >账号:</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中,不区分大小写字母,也就是说A和a是同一个变量。

(3)Javascript中的常量包括String、Number、Boolean、Null、Undefined。

(4)String字符串的语法中既可以使用单引号,也可以使用双引号。

(5)typeof是用来判断变量类型,不可以当作运算符使用。

(6)任何值和undefined 运算,undefined 可看做0运算。

解答:

(1)错误

(2)错误

(3)错误

(4)正确

(5)错误

(6)错误

3、请分别描述下列代码中“+”的作用。

(1)console.log("年龄:" + 20);

(2)console.log(11+22+33);

(3)console.log("网络+安全");

(4)var a = 1;

    var b = 2;

    console.log("a" + b);

(5)var a = 1;

    var b = 2;

    console.log("a + b");

解答:

(1)字符串连接

(2)数值相加

(3)字符本身

(4)字符串连接

(5)字符本身

4、计算下述代码的打印值

var a = 10;

var b = 10;

console.log(a++);

console.log(++a);

console.log(--b);

console.log(b--);

解答:打印值如下:

10

12

9

9

5、分别使用行内式、内嵌式、引入外部文件的方法造成网页弹窗,要求触发弹窗的JS命令不止一种。

解答:

(1)行内式

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>马哥教育网络安全培训第二次作业第5题行内式弹窗</title>

</head>

<body style="text-align: center;">

    <button onclick="alert(1)">点击我(行内式)</button> 

    <br><br>

    <button onclick="confirm(1)">确认退出</button> 

    <br><br>

    <!-- <button onclick="prompt('请输入:'); ">  -->

    <a href="#" onclick="prompt('请输入你的要求:', ''); return false;">点击获取你的要求</a> 

</body>

</html>

(2)内嵌式

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>马哥教育网络安全培训第二次作业第5题内嵌式弹窗</title>

</head>

<body style="text-align: center;">

    <script>

        alert(document.cookie);

        var a=prompt("请随便输入点什么:");

    </script>

</body>

</html>

(3)引入外部文件

创建一个zy-5-3.js文件:

alert('这是通过外部文件触发的alert!');

在HTML文件zy-5-3.html中引入这个JavaScript文件:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>马哥教育网络安全培训第二次作业第5题引入外部文件弹窗</title>

</head>

<body>

    <script src="zy2-5-3.js"></script> 

</body>

</html>

6、请自行准备一个Centos操作系统,要求版本7及以上。

解答:已安装。


说明:只有图片文件能上传,html、Js和txt文件都上传不了。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、javascript简介 轻量级 弱类型 脚本语言js就是通过固定的语法来操作 浏览器和 页面结构 来实现网页...
    XIAOBIN阅读 1,644评论 0 0
  • 01-js初体验 Document alert('hi~~~北京十级大风!!!!!'...
    菜鸟赵小白阅读 1,683评论 0 1
  • // js组成:ECMAScript DOM BOM /* BOM----> Browser Obje...
    小胖子_d7d8阅读 1,625评论 0 0
  • 了解变量、数据类型、运算符等基础概念,能够实现数据类型的转换,结合四则运算体会如何编程。 JavaScript介绍...
    小郭不会打篮球阅读 1,072评论 0 0
  • 一:什么是XSS攻击? XSS 即(Cross Site Scripting)中文名称为:跨站脚本攻击。XSS的重...
    cjg520阅读 5,224评论 0 0