题目
- 1、使用html写一个网页，要求满足以下条件:
- (1)网页中含有任意一张图片，图片路径使用绝对路径，鼠标悬停在图片时出现“马哥教育"文本，且点击图片可跳转至马哥教育官方页面
- (2)网页中包含账号、密码登录，且账号提前定义好是admin且不可更改，输入密码时显示加密形式
- 2、判断题
(1)Java是编译型语言。
(2)Javascript中，不区分大小写字母，也就是说A和a是同一个变量。
(3)Javascript中的常量包括String、Number、Boolean、Null、Undefined.
(4)String字符串的语法中既可以使用单引号，也可以使用双引号。(5)typeof是用来判断变量类型，不可以当作运算符使用,(6)任何值和 undefined 运算，undefined 可看做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);
(5)var a=1;
var b =2;
console.log("a + b"); - 4、计算下述代码的打印值
var a= 10;
var b= 10;
console.log(a++);
console.log(++a);
console.log(--b);
console.log(b--); - 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>Document</title>
</head>
<body>
<a href="https://www.magedu.com/" title="马哥教育">
<img src="https://www.magedu.com/wp-content/uploads/2021/10/2021101103583598.jpg" > <br /><br /><br />
</a>
<form>
账号：<input type="text" value="admin" disabled=""><br />
密码：<input type="password" >
</form>
</body>
</html>
点击跳转作业网站
2、
（1）错误；java是解释型语言
（2）错误；js中区分大小写
（3）错误；Undefined是变量
（4）正确；单引号和双引号不能混用
（5）正确
（6）错误，任何值和null运算，null可以看做0运算
3、
（1）连字符
（2）加号
（3）加号
（4）连字符
（5）加号
4、
var a=10;
var b=10;
console.log(a++); //10
console.log(++a); //12
console.log(--b); //9
console.log(b--); //9
5、
内嵌式弹窗
<!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>
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>Document</title>
</head>
<body>
<input type="button" value="点击进入" onclick="alert('warning!!!')" />
</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>
同目录下tool.js
alert('warning!!!');