html、javascript
1、使用html写一个网页，要求满足以下条件：
（1）网页中含有任意一张图片，图片路径使用绝对路径，鼠标悬停在图片时出现“马哥教育”文本，且点击图片可跳转至马哥教育官方页面
用a标签创建超链接，href="https://www.magedu.com/" 指定链接的目标地址，即马哥教育的官方页面；target="_blank" 表示在新窗口中打开链接。
我写的是使用的一个互联网上的绝对路径，如果图片在本地则需要用"C:\Users\xxxx\Desktop\xxx.png"这种来访问
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>马哥教育图片展示</title> </head> <body> <!-- 这里使用 a 标签包裹 img 标签，实现点击图片跳转 --> <a href="https://www.magedu.com/" target="_blank"> <!-- 这里使用的官网的图片 --> <img src="https://www.magedu.com/wp-content/uploads/2018/12/2018122312035677.png" alt="马哥教育官网" title="马哥教育"> </a> </body> </html>
（2）网页中包含账号、密码登录，且账号提前定义好是admin且不可更改，输入密码时显
示加密形式
通过一个html表单来实现账号登录，通过value="admin" 来定义好账号为admin，使用readonly属性来控制表单的元素不可更改
密码使用type="password"来加密显示
密码验证通过一个js来监测用户是否提交表单来实现密码验证
效果展示：
点击图片会打开官网
登录
2、判断题
（1）Java是编译型语言。
错误，Java 语言既不是纯粹的编译型语言，也不是纯粹的解释型语言。
（2）Javascript中，不区分大小写字母，也就是说A和a是同一个变量。
错误，JavaScript 是区分大小写的语言。
（3）Javascript中的常量包括String、Number、Boolean、Null、Undefined。
错误，这都属于基本数据类型，不能全部归为常量
（4）String字符串的语法中既可以使用单引号，也可以使用双引号。
正确
（5）typeof是用来判断变量类型，不可以当作运算符使用。
错误，typeof 是 JavaScript 中的一个运算符，用于返回一个表示数据类型的字符串。
（6）任何值和 undefined 运算，undefined 可看做0运算。
错误，undefined是未定义的，只有 null 在进行数值运算时，会被当作 0 处理
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"> <title>行内式弹窗</title> </head> <body> <!-- 使用 按钮和alert 弹窗 --> <button onclick="alert('这是一个 alert 弹窗！')">点击弹出 alert 弹窗</button> </body> </html>
效果图
点击按钮后才会弹窗：
内嵌式
源代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>内嵌式弹窗</title> </head> <body> </body> <script> // 页面加载完成后弹出 alert 弹窗 window.onload = function () { alert('页面加载完成，这是一个 alert 弹窗！'); }; </script> </html>
效果图：
加载完网页就会弹窗
引入外部文件的方法
源代码
pop.js
// 弹出 alert 弹窗的js文件 // 弹出 confirm 弹窗 function showConfirm() { if (confirm('你确定要执行此操作吗？')) { alert('你点击了确定！'); } else { alert('你点击了取消！'); } }
test4.html
这里采用的相对路径来访问的js，需要两个文件在同一个目录
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>引入外部文件的弹窗</title> <!-- 引入外部 JavaScript 文件 --> <script src="pop.js"></script> </head> <body> <button onclick="showConfirm()">点击弹出 confirm 弹窗</button> </body> </html>
效果图
