js进阶篇第一章

最新推荐文章于 2026-06-24 23:18:45 发布

原创最新推荐文章于 2026-06-24 23:18:45 发布 · 220 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

标签

#javascript #开发语言 #ecmascript

笔记来源慕课网

认识JS

HTML+CSS创建一个漂亮的页面，但这还不够，它只是静态页面而已。我们还需使用JavaScript增加行为，为网页添加动态效果。

JavaScript能做什么？

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

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

JS进阶篇学习什么？

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

练习

任务

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

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

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

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

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

index.html:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带,准备启航</title>
<!--引入外部文件的方式-->

<script type="text/javascript">
//多行注释
  /*我是多行注释！
  我需要隐藏，
  否则会报错哦！*/

//在页面中显示文字


//页面中弹出提示框


//单行注释
//   我是单行注释，我也要隐藏起来！
</script>
<script src="script.js"></script>
</head>
<body>
</body>
</html>

script.js:

document.write("系好安全带,准备启航--目标JS");
alert("准备好了，起航吧！");