第1章 实训习题作业无代码
以下为《第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章 实训习题作业无代码》的无排版文字预览，完整内容请下载
第1章 实训习题作业无代码由用户“lensaa”分享发布，转载请注明出处