以下为《第1章 实训习题作业无代码》的无排版文字预览，完整格式请下载

下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。

第1章补充案例

【案例1-1】 标签在html中书写位置

一、案例描述

考核知识点

标签可以放在html中什么位置

练习目标

掌握标签放在页面中不同位置的区别。

需求分析

将JavaScript标识放置... 在头部之间，使之在主页和其余部分代码之前预先装载，从而可使代码的功能更强大；代码放在区在页面载入的时候，就同时载入了代码，在区调用时就不需要再载入代码了，速度提高了，合适运行很大很复杂的程某某。

将JavaScript标识放置在... 主体之间用以实现某些部分动态地创建文档，例如，图片淡入淡出效果，鼠标跟随事件等。

引入的外部.js文件，放在... 中，则页面加载前就运行；放在... 中，则先加载，后运行js代码；所以在head中的代码先执行。

我们一般将标签放置在结束标签之前。

案例分析

效果如图1-1所示。

“标签放在head中”效果展示

“标签放在body结束标签之前”效果展示

具体实现步骤如下：

在head中编写JavaScript代码查找id="context"的div元素，控制台打印出图1-1效果。

在body中编写JavaScript代码查找id="context"的div元素，控制台打印出图1-2效果。

【案例1-2】 JavaScript引入方式

一、案例描述

考核知识点

JavaScript的几种引入方式

练习目标

掌握JavaScript的引入方式。

需求分析

在网页中编写JavaScript时，分别演示通过嵌入式、外链式、行内式3中方式来引入JavaScript代码。

案例分析

嵌入式

直接使用标签包裹JavaScript代码，直接编写到HTML文件中。

外链式

将JavaScript代码保存在一个单独的.js文件中，然后使用标签的src属性来引入文件。

行内式

将JavaScript代码作为HTML标签的属性值使用。

【案例1-3】常用输出语句

一、案例描述

考核知识点

alert()、console.log()、document.write()

练习目标

掌握alert()函数的应用。

掌握console.log()函数的应用。

掌握document.write()函数的应用。

需求分析

在浏览网页时，经常会看到一些弹出的警示框，用于提醒用户当前的操作是否完成，例如，在电商网站中，当完成付款时，会弹出支付情况的警示框。

console.log()用于在控制台输出结果，可以帮助开发人员在项目开发时调试内容。

document.write()用于在HTML文档输出内容。

案例分析

alert()效果如图1-3所示。

“登录成功！”效果展示

console.log()效果如图1-4所示

“控制台输出”效果展示

document.write()效果如图1-5所示

“HTML文档中输出”效果展示

【案例1-4】比较两个数字的大小

一、案例描述

考核知识点

比较运算符

练习目标

掌握比较运算符的用法。

了解if else条件语句的使用。

需求分析

运用JavaScript中的运算符可以实现很多有趣的效果，本案例将带领大家使用比较运算符来判断两个数值的大小，并在控制台打印出结果。

案例分析

效果如图1-6所示。

效果展示图 内容过长，仅展示头部和尾部部分文字预览，全文请查看图片预览。 码输入正确

具体实现步骤如下：

将输入的用户名与正确的用户名“admin”作比较。

将输入的密码与正确的***;123456”作比较.

如果用户名和密码输入正确，则提示“登录成功”。

反之输入错误，则提示“用户名或密码输入错误”

【案例1-8】输出用户输入的信息

一、案例描述

考核知识点

prompt()、document.write()

练习目标

掌握prompt()用法。

掌握document.write()用法

需求分析

在输入窗口中输入内容，点击“确定”按钮，把输入的内容展示在HTML完档中。

案例分析

效果如图1-13、1-14所示。

输入的内容

页面中展示输入的内容

[文章尾部最后300字内容到此结束,中间部分内容请查看底下的图片预览]

以上为《第1章 实训习题作业无代码》的无排版文字预览，完整格式请下载

下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。