js进阶:了解js初步练习

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>
posted @ 2020-03-17 23:47  鬼牛阿飞  阅读(261)  评论(0编辑  收藏  举报