From 926bf334abe0a5d08b5c11ac79a7a5f92cfbce0d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B0=A2=E9=9B=A8=E6=99=B4?= <1207713896@qq.com> Date: Fri, 25 Oct 2024 14:00:27 +0800 Subject: [PATCH 1/2] feat --- ...10\344\276\213\347\273\203\344\271\240.md" | 232 ++++++++++++++++++ 1 file changed, 232 insertions(+) create mode 100644 "08 \350\260\242\351\233\250\346\231\264/20241024 \346\241\210\344\276\213\347\273\203\344\271\240.md" diff --git "a/08 \350\260\242\351\233\250\346\231\264/20241024 \346\241\210\344\276\213\347\273\203\344\271\240.md" "b/08 \350\260\242\351\233\250\346\231\264/20241024 \346\241\210\344\276\213\347\273\203\344\271\240.md" new file mode 100644 index 0000000..ff872cc --- /dev/null +++ "b/08 \350\260\242\351\233\250\346\231\264/20241024 \346\241\210\344\276\213\347\273\203\344\271\240.md" @@ -0,0 +1,232 @@ +#### 1.内部方式 + +通过 `script` 标签包裹 JavaScript 代码 + +```html + + + + + JavaScript 基础 - 内部引入方式 + + + + + + +``` + +#### 2.外部方式 + +一般将 JavaScript 代码写在独立的以 .js 结尾的文件中,然后通过 `script` 标签的 `src` 属性引入 + +```javascript +// demo.js +document.write('前端技术!') +``` + +```html + + + + + JavaScript 基础 - 外部引入方式 + + + + + + +``` + +如果 script 标签使用 src 属性引入了某 .js 文件,那么 标签的代码会被忽略!!!如下代码所示: + +```html + + + + + JavaScript 基础 - 外部引入方式 + + + + + + +``` + +#### 3.行内方式 + +在HTML文档中可以在``标签、``标签中使用JavaScript脚本作为它们的属性值。 + +```html + + + + + JavaScript 基础 - 行内引入方式 + + + + 测试 + + + +``` + +```html + + + + + JavaScript 基础 - 注释 + + + + + + +``` + +```html + + + + + JavaScript 基础 - 注释 + + + + + + +``` + +```html + + + + + JavaScript 基础 - 结束符 + + + + + + +``` + + + +```js +// 输出一段文字内容 +document.write("我是 JS 输出的内容"); + +// 输出一个一级标签 +document.write("

我是一个一级标签

"); +``` + + + +```js +alert("网页弹窗"); +``` + + + +```js +console.log("控制台输出内容"); +``` + + + +```js +prompt("请输入一段内容"); +``` + +```html + + + + + JavaScript 基础 - 隐式转换 + + + + + +``` + +```html + + + + + JavaScript 基础 - 隐式转换 + + + + + +``` + + + -- Gitee From 32f3ee7399847ed66f57c4f64b7bbd2deb92cf90 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B0=A2=E9=9B=A8=E6=99=B4?= <1207713896@qq.com> Date: Sun, 27 Oct 2024 20:11:20 +0800 Subject: [PATCH 2/2] feat --- .../20241025\344\275\234\344\270\232.md" | 203 ++++++++++++++++++ 1 file changed, 203 insertions(+) create mode 100644 "08 \350\260\242\351\233\250\346\231\264/20241025\344\275\234\344\270\232.md" diff --git "a/08 \350\260\242\351\233\250\346\231\264/20241025\344\275\234\344\270\232.md" "b/08 \350\260\242\351\233\250\346\231\264/20241025\344\275\234\344\270\232.md" new file mode 100644 index 0000000..64274ed --- /dev/null +++ "b/08 \350\260\242\351\233\250\346\231\264/20241025\344\275\234\344\270\232.md" @@ -0,0 +1,203 @@ +# 一、每日作业-JavaScript第01天 + +## 简答题 + +1.依次说明下面各打印语句的输出结果? + +```javascript + const num = 10 + console.log( num + 11) // 21 + console.log( num + '11') // 1011 + console.log( num + +'11') // 21 +``` + +2.依次说明下面各打印语句的输出结果 + +```javascript +const num = 10 +console.log( typeof num + '11') // number11 +console.log( typeof (num + '11')) // string +console.log( typeof (num + +'11')) // number +``` + +## 编程题 + +### 获取用户信息 + +- 题目描述 + + 依次询问并获取用户的姓名、年龄、性别,收集数据之后在控制台依次打印出来。 + + 具体表现如下图: + + + + + + +- 题目提示 + - 通过prompt来弹出提示框,收集用户信息 + + - 通过变量保存数据 + + - + + - ```html + + + + + + + Document + + + + + + + + ``` + +### 增加年龄 + +- 题目描述 + + 1、询问用户年龄,用户输入年龄后,把用户输入的年龄增加5岁 + + 2、增加5岁后,通过弹出框提示用户 “ 据我估计,五年后,你可能XX岁了” + + + + + +- 题目提示 + + - 通过prompt来弹出提示框,收集用户信息 + + - 通过变量保存数据 + + - 转换数据类型(需要预习第二天的数据类型转换哟) + + - + + - ```html + + + + + + + Document + + + + + + + + ``` + +### 计算银行卡余额案例 + +- 题目描述 + + 1、用户输入总的银行卡金额,依次输入本月花费的电费,水费,网费。 + + 2、页面打印一个表格,计算出本月银行卡还剩下的余额。 + + + + +- 题目提示 + + - 思路: + + 1.我们需要5个变量:银行卡总额、水费、电费、网费、银行卡余额 + + 2.银行卡余额= 银行卡总额 – 水费 –电费 - 网费 + + 3.第一步准备5个变量接受输入的数据 + + 4.第二步计算银行卡余额 + + 5.第三步页面打印生成表格,里面填充数据即可。 + + 6.当然可以提前把html页面搭好。 + +```html + + + + + + + Document + + + + + + + + + +``` -- Gitee