马哥教育第二周作业

使用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>
    <h1 style="text-align: center;">点击最下方图片跳转马哥教育官网</h1>
    <div style="text-align: center;">
    <form name="loggin" action="" method="get">
        <h3>用户登录</h3>
        <label for="username">用户名：</label>
        <input type="text"   id="username" value="admin" disabled ="disabled"></br><br>

        <label for="password">密&emsp;码：</label>
        <input type="password"  id="password" placeholder=""></br><br>

        <input type="submit" class="submit" value="提交">  <input type="reset" value="重置">
    </form>
    </br>
    </br>
    <a href="https://edu.magedu.com/" style="margin: auto;">
        <img src="1.jpg" alt="图片" title="马哥教育" height="200" width="200" style="margin: auto;">
    </a>
    </div>
</body>
</html>

判断题

（1）Java是编译型语言
错误，Java是解释型语言
（2）Javascript中，不区分大小写字母，也就是说A和a是同一个变量。
错误，在js中是区分大小写的
（3）Javascript中的常量包括String、Number、Boolean、Null、Undefined。
正确，可以被视为常量但真正的常量是通过 const 关键字来实现的。
（4）String字符串的语法中既可以使用单引号，也可以使用双引号。
正确，但需要成对使用，不可一边单引号一边双引号
（5）typeof是用来判断变量类型，不可以当作运算符使用。
错误，typeof可以判断变量类型，也是一元运算符
（6）任何值和 undefined 运算，undefined 可看做0运算。
错误，在运算中，null会被转换为0，而undefined会被转换为NaN

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

（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

计算下述代码的打印值

var a = 10;
var b = 10;
console.log(a++);
console.log(++a);
console.log(--b);
console.log(b--);
输出结果为：

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

行内式

<!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>
    弹窗
    <script>alert('这是一个alert()警告框弹窗')</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>内嵌式</title>
    <script>confirm('这是一个confirm()确认框弹窗')</script>
</head>
<body>
    弹窗
</body>
</html>

引入外部文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>引入外部文件</title>
    <script type="text/javascript" src="1.js" ></script>
</head>
<body>
    弹窗
</body>
</html>

1.js

prompt('这是一个prompt()提示框弹窗','这里可以随便输入点什么')

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

posted @ 2024-08-19 22:32 mikumanor 阅读(26) 评论(0) 收藏举报

刷新页面返回顶部

mikumanor