html结构，css样式，html+css完成静态页面，js实现交互，为网页添加动态效果
js可以做什么？1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)
注意：
1>JS是区分大小写的，如：classname和ClassName是不一样的。同时注意方法、属性、变量等的大小写;
2>JS中的字符、符号等一定要在英文状态下输入;
通过之前练习学习了如何插入JS、输出内容及简单的DOM操作，下面进一步的了解JS的变量、数组、函数、语法、对象、事件、DOM操作，制作简单的网页动态效果。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>了解js,初步练习</title> 6 <!--引入外部文件方式--> 7 <script src="./demo.js" type="text/javascript"></script> 8 <script type="text/javascript"> 9 //单行注释 10 //以人为镜 可以明得失 以史为镜可以 11 12 //多行注释 13 /*时间像地下的泉眼，只要挖掘，就会发现甘泉，时间像海底的氧气瓶，如果过多犹豫，它就会耗尽，就会被海水取代;时间像一缕清风，吹过你的脸庞，想再触摸它，它已经吹走了。时间像时钟运转的滴答声，你听得见它，却停不住它。*/ 14 //在页面中显示文字 15 document.write('系好安全带,准备启航--目标JS'); 16 //页面中弹出提示框 17 alert('准备好了，起航吧！') 18 </script> 19 </head> 20 <body> 21 </body> 22 </html>