JavaScript进阶篇 - -第1章系好安全带

最新推荐文章于 2019-03-07 17:04:16 发布

weixin_30908103

最新推荐文章于 2019-03-07 17:04:16 发布

阅读量120

点赞数

原文链接：http://www.cnblogs.com/au_ww/p/6244228.html

版权

第1章系好安全带

第1章系好安全带,准备启航

1-1 让你认识JS

让你认识JS

你知道吗，Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构)，知道了CSS样式(也称为表示)，会使用HTML+CSS创建一个漂亮的页面，但这还不够，它只是静态页面而已。我们还需使用JavaScript增加行为，为网页添加动态效果。准备好，让JavaScript带你进入新境界吧!

JavaScript能做什么？

1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)

2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)

JS进阶篇学习什么？

在中，我们学习了如何插入JS、输出内容及简单的DOM操作，让您进一步的了解JS的变量、数组、函数、语法、对象、事件、DOM操作，制作简单的网页动态效果。

任务

我们先来回顾下JS入门篇的基础内容，在网页中插入JS代码，实现输出"JS进阶篇",并弹出对话框，内容为"关注JS高级篇"。



1. JS是区分大小写的，如：classname和ClassName是不一样的。同时注意方法、属性、变量等的大小写吆。

2. JS中的字符、符号等一定要在英文状态下输入吆。

来源： <http://www.imooc.com/code/48>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>
<title>我们互动下</title>
<scripttype="text/javascript">
    document.write("JS进阶篇");
    alert("关注JS高级篇");
</script>
</head>
<body>
</body>
</html>

1-2 编程练习

编程练习

小伙伴们，实现在html页面中的插入JavaScript脚本，打开页面时，在页面中显示一句话 : "系好安全带,准备启航--目标JS"，并弹出一个提示框："准备好了，起航吧！"

温馨提示: 完成任务后，请验证是否与实践要求一致，如一致，恭喜您，已经掌握此技能。否则，请重新学习课程内容吆，直到实践编写代码与实践要求一致。

任务

第一步:把注释语句注释。

第二步:编写代码，在页面中显示 “系好安全带,准备启航--目标JS”文字；

第三步:编写代码，在页面中弹出提示框“准备好了，起航吧！”

提示: 可以把弹框方法写在函数里。

第四步:使用引入JS外部文件的方式实现以上的任务。

来源： <http://www.imooc.com/code/1481>

转载于:https://www.cnblogs.com/au_ww/p/6244228.html

weixin_30908103

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript进阶篇 - -第1章系好安全带

第1章系好安全带第1章系好安全带,准备启航1-1 让你认识JS 让你认识JS你知道吗，Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构)，知道了CSS样式(也称为表示)，会使用HTML+CSS创建一个漂亮的页面，但这还不够，它只是静态页面而已。我们还需使用JavaScript增加行为，为网页添...
复制链接

扫一扫