练习第二周

登录页面示例


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"); 1. 字符串连接操作符：在 `console.log("年龄：" + 20);` 这行代码中，`+` 用作字符串连接操作符，将字符串 `"年龄："` 和数字 `20` 连接起来，输出结果为 `"年龄：20"`。数字 `20` 会被转换成字符串类型再进行连接。

  1. 加法运算符：在 console.log(11+22+33); 中，+ 是加法运算符，用于计算 11、22 和 33 的总和，输出结果为 66。

  2. 字符串连接操作符：在 console.log("网络+安全"); 中，+ 被包含在两个字符串引号之间，所以它是字符串的一部分，输出结果为 "网络+安全"。

  3. 字符串连接操作符：在 console.log("a" + b); 这行代码中，+ 用作字符串连接操作符，将字符串 "a" 和变量 b（其值为 2）连接起来，输出结果为 "a2"。

  4. 字符串字面量：在 console.log("a + b"); 这行代码中，由于 + 被双引号包围，它被视为字符串的一部分，而不是操作符。输出结果为 "a + b"。这里并没有进行变量的连接或计算，a 和 b 的值没有参与运算。

4、计算下述代码的打印值
var a = 10;
var b = 10;
console.log(a++);
console.log(++a);
console.log(--b);
console.log(b--);

第一个 console.log 打印 10
第二个 console.log 打印 12
第三个 console.log 打印 9
第四个 console.log 打印 9

5、分别使用行内式、内嵌式、引入外部文件的方法造成网页弹窗，要求触发弹窗的 JS 命令
不止一种。
下面是使用不同方法在网页中创建弹窗的示例：

行内式（Inline）

在HTML元素中直接使用JavaScript。

<button onclick="alert('Hello, World!')">点击我</button>

内嵌式（Internal）

在<script>标签内编写JavaScript代码。

<script>
  function showPopup() {
    alert('Hello, World!');
  }
</script>

<button onclick="showPopup()">点击我</button>

引入外部文件

通过<script>标签的src属性引入外部的.js文件。

假设你有一个名为popup.js的文件，内容如下：

// popup.js
function externalShowPopup() {
  alert('Hello, World!');
}

然后在HTML中这样引入：

<script src="popup.js"></script>

<button onclick="externalShowPopup()">点击我</button>

触发弹窗的JS命令（不限于上面的例子）

  1. 简单的alert弹窗：

    alert('这是一个警告框！');

  2. confirm确认框，会返回用户点击的按钮（确定或取消）：

    if (confirm('你确定要这么做吗？')) {
  console.log('用户点击了确定。');
} else {
  console.log('用户点击了取消。');
}

  3. prompt输入框，允许用户输入数据：

    var name = prompt('请输入你的名字：');
if (name) {
  console.log('你好，' + name + '!');
} else {
  console.log('你取消了输入。');
}

  4. 使用window.open打开新窗口或标签页：

    window.open('http://www.example.com', '_blank');

  5. 使用setTimeout延迟弹出警告框：

    setTimeout(function() {
  alert('这个弹窗会在页面加载后3秒出现！');
}, 3000);
posted @ 2024-08-23 23:42  SecTao  阅读(32)  评论(0)    收藏  举报