02-HTML&JS相关练习

bokexiLu / 2024-08-23 / 原文

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>Document</title>
</head>
<body>
    <a href="https://www.magedu.com">
    <img src="./z3.png" height="200" title="马哥教育" onclick="">
    </a>
    <form>
        账号: <input type="text" value="admin" disabled><br> 
        密码: <input type="password">
    </form>
</body>
</html>

2、判断题

（1）Java 是编译型语言。

错，Java既不是编译型语言也不是解释语言。

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

错，JS是严格区分大小写的。

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

对。

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

对，在HTML标签中建议使用双引号，JS中建议使用单引号。

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

错，typeof是一元运算符。

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

错，Null才是；任何值和 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++); // 10

console.log(++a); // 12

console.log(--b); // 9

console.log(b--); // 9

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

行内式

<!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>
    <input type="button" value="点我点我" onclick="alert('1')">
</body>
</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>
    <script>
        prompt("请输入弹窗内容")
    </script>
</body>
</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>
   <script src="./tool.js"></script>
</body>
</html>