第二周作业
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>
<form>
账号:<input type="text" class="login-input" value="admin" readonly><br>
密码:<input type="password" size="50"><br>
<a href="https://www.magedu.com">
<img src="https://bpic.588ku.com/element_pic/20/07/01/6dbfeb325862d22e8682888bb23ed0e1.jpg" width="300" height="288" title="马哥教育">
</a>
</form>
</body>
</html>
2、判断题
(1)Java是编译型语言。
错,Java 语言既不是编译型语言,也不是解释型语言
(2)Javascript中,不区分大小写字母,也就是说A和a是同一个变量。
错,Javascript区分大小写
(3)Javascript中的常量包括String、Number、Boolean、Null、Undefined。
错,Javascript中的常量是数字,字符串,布尔字面量
(4)String字符串的语法中既可以使用单引号,也可以使用双引号。
正确
(5)typeof是用来判断变量类型,不可以当作运算符使用。
错误,typeof 是运算符,可以来获得一个值的类型。它会将该值的类型以字符串的形式返回,返回值可以是 number、string、boolean、undefined、object
(6)任何值和 undefined 运算,undefined 可看做0运算。
错误,任何数据类型和 undefined 运算都是 NaN;任何值和 null 运算,null 可看做 0 运算。
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);
最后输出结果为a2,起到了字符串连接的作用
(5)var a = 1;
var b = 2;
console.log("a + b");
最后输出结果为3,起到了数值相加的作用
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>行内式弹窗</title>
</head>
<body>
<input type="button" value="点我点我" onclick="alert('马哥教育 NumberOne')" />
</body>
</html>
内嵌式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内嵌式/title>
</head>
<body>
<script type="text/javascript">
// 在这里写 js 代码
alert('马哥教育');
console.log('马哥教育');
</script>
</body>
</html>
引入外部文件的方法造成网页弹窗
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>引入外部文件</title>
</head>
<body>
<!-- 引入外部的 js 文件 -->
<script src="tool.js"></script>
</body>
</html>
tool.js
alert('马哥教育');