C10-2 HTML+JS初试水

情境

参加了培训的第二次课, 这里是第二颗的作业题, 及我的解答.

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>一个网页</title>
</head>
<body>
    <div ><a href="https://www.magedu.com/">
        <img src="http://www.magedu.com/wp-content/uploads/2017/12/slider2-1024x480_2-1024x480.jpg" alt="这是任意一张图片" title="马哥教育">
    </a></div>
    <div align="center">
        <form action="">
            账号: <input type="text" value="admin" disabled><br>
            密码: <input type="password" ><br>
            <button title="用户登录">登录</button>
        </form>
    </div>

</body>
</html>

效果截图

2、判断题
（1）Java 是编译型语言。

我的解答: ✖ Java编写的代码需要 "先编译生成二进制class字节码文件,再运行", 所以Java是编译型语言.
但是由于其第一步javac编译程度不彻底, 其运行过程实际上类似于解释器解释+执行,也就是JVM加载Java类文件(.class)到内存并解释执行. 所以, Java并不是严格意义上的编译型语言, 更像是虚拟机解释器套壳编译器.

（2）Javascript 中，不区分大小写字母，也就是说 A 和 a 是同一个变量。

我的解答: ✖ JS代码区分英文字母大小写, var a和var A会是两个不同变量.

（3）Javascript 中的常量包括 String、Number、Boolean、Null、Undefined。

我的解答: ✖ JS一共有6种数据类型, 其中5种基本数据类型(数值, 字符串, 布尔值, 空值, 未定义), 一种引用数据类型(对象型).
而JS常量(字面量)有3种: 数字, 字符串, 布尔字面量. JS变量则可以是以上6种的任意一种类型.

（4）String 字符串的语法中既可以使用单引号，也可以使用双引号。

我的解答: ✔ String字符串语法中即可以使用单引号也可以使用双引号, 但是 需成对使用不可混用

（5）typeof 是用来判断变量类型，不可以当作运算符使用。

我的解答: ✖ typeof是一种 一元运算符, 只需要一个操作数, 用来判断数据类型

（6）任何值和 undefined 运算，undefined 可看做 0 运算。

我的解答: ✖ 任何数值和undefined 做运算, 结果为 NaN.

3、请分别描述下列代码中“+”的作用。
（1）console.log("年龄：" + 20);

我的解答: 此处+为 字符串连接符, 输出结果为 年龄：20

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

我的解答: 此处+为 加法运算符, 输出结果为 66

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

我的解答: 此处+为 文本字符, 输出结果为 网络+安全

（4）var a = 1; var b = 2; console.log("a" + b);

我的解答: 此处+为 字符串连接符, 输出结果为 a2

（5）var a = 1; var b = 2; console.log("a + b");

我的解答: 此处+为 文本字符, 输出结果为 a + b

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

var a = 10;
var b = 10;
console.log(a++);
console.log(++a);
console.log(--b);
console.log(b--);

我的解答:

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

我的代码
2-5.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 方式1: 行内式 inline -->
    <input type="button" value="提交信息" onclick="alert('确认提交信息')">
    <!-- 方式2: 内嵌式 embedded -->
    <script>
        var r=confirm("按下按钮, 确定 或 取消");
        if(r==true) {
            x="你 确认了";
        } else {
            x="你 取消了";
        }
        console.log(x);
    </script>
    <!-- 方式3: 引入外部的JS文件 call -->
    <script src="callit.js"></script>

</body>
</html>

callit.js

var a=prompt('写点内容进prompt');
console.log(a);

效果截图

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

我的解答: 可以的, 具体步骤就不详述了 ♡⚑

posted @ 2024-08-24 05:36 xpp的博客阅读(7) 评论(0) 收藏举报

刷新页面返回顶部

pp0begging

C10-2 HTML+JS初试水

情境

公告