javaScript基础学习入门第一天

javaScript基础学习入门第一天
1.1 用途:
数据验证
读写HTML元素
与浏览器窗口及其内容的交互效果
网页特效
WEB游戏制作
基于Node.js技术进行服务器端编程

2.1 js书写位置
1 书写在body标签内部,一对script标签内部。(将js代码书写在所有结构标签最后)
1<body>
2 <div class="box">盒子</div>
3 <!-- 习惯将js书写在所有标签的最后 -->
4 <!-- 1 将js书写在body标签中一对script标签内 -->
5 <script type="text/javascript">
6 alert("弹出框");
7 </script>
8</body>

2 head标签中,一对script标签内部
引入js文件通过src,js文件也是纯文本文件,使用任何文本编辑器都可以。扩展名.js
将js语句直接书写在js文件中不用书写script标签
1<script type="text/javascript" src="js/01.js"></script>

js本身不能自己在浏览器加载,必须依托html载体来在浏览器中实现。

2.2 alert()
alert(): 表示弹出框,警告框。
alert():表示一种方法,功能。alert后面必须添加小阔号表示方法执行。将要显示的内容书写在一对双引号中。结尾添加分号表示语句的结束。
对象:一些属性的集合。 一个事物,比如人
属性:一个对象特征,特点。比如人的身高,人的肤色
方法:一个对象具有的行为,比如人吃饭

alert调用的对象的是window,但是一般省略不书写。
对象.方法()
对象.属性
1// 将所有的js语句书写
2alert("我是内部的文本");
3// alert调用对象是window,省略不写
4window.alert("我是window对象的方法");

js注意事项
1 js语句没有特殊说明都是按照从上到下的顺序执行。

2 js语句对空格,缩进,换行不敏感
1alert("我是内部的文本"); window.alert("我是window对象的方法"); alert("我是第三句话");
2
3
4
5alert("最后一条语句");

3 js语句结尾必须添加分号,表示语句结束。
1// js每一条语句结束必须添加分号,表示语句结束
2alert("第一条");
3alert("第二条");
4alert("第三条");

不书写分号,js语句会一直读取直到语句下一个分号,或者换行才知道是语句的结束。
1// 这些语句也会正常执行
2alert("第一条")
3alert("第二条")
4alert("第三条")

将代码提交之前会将所有的空格,缩进,换行都去掉,这是报错。
1alert("第一条")alert("第二条")alert("第三条")

2.3 注释
js注释。
1 单行注释,只能注释单行文本,换行不能继续注释
ctrl + /
1//单行注释

2 多行注释 ,可以注释多行文本
ctrl + shift + /
1/ 多行注释 /

2.4 console面板
console面板,可以使用F12快速打开。或者右键检查。

console面板作用:
1 可以汇总js错误信息。

2 console js内置对象,有很多内置的方法。其中一种方法log(日志)
console.log(),将输出的内部书写在小阔号中的一对双引号中。
表示将内容在console面板输出。

前端互联网交流学习群:937268047
分享是快乐的,也见证了个人成长历程,文章大多都是工作经验总结以及平时学习积累,基于自身认知不足之处在所难免,也请大家指正,共同进步。

猜你喜欢

转载自blog.51cto.com/14334627/2404983