前端复习
javaScript和H5的关系
什么是H5?
Html5就是超文本标记语言,符合现代时代的移动客户端应用程序。
目前主流的开发前端技术是:H5+CSS3+JavaScript…
JavaScript是一种专门为网页交互设计的脚本语言(最初为了实现表单验证而出现的)
JS组成
- ECMAScript
- BOM(整个浏览器)
- DOM(document 整个文档聪从
<html>...</heml>
)
写在哪里?
所有的JS代码都必须写在<script>
标签里
<script type="text/javascript">
//type="text/javascript"说明当前script变标签中文本类型
//网页弹窗输出hello,world
alert("hello,world");
//当前文本输出
document.write("hello,world")
</script>
注:
- js代码是从上往下执行,为了语法规范
<script>
写在<head>
中 - 可以引用多个
<script>
标签
<script type="text/javascript">
//type="text/javascript"说明当前script变标签中文本类型
//网页弹窗输出hello,world
alert("hello,world");
</scrpit>
<script type="text/javascript">
//当前文本输出
document.write("hello,world")
</script>
- js代码可以通过scr 引入外部文件
<script type="text/javascript" src="main.js">
- 如果当前script标签引入了外部文件,那么它里面写的代码就不执行!
js中的常量/字面量
js中数据类型分为两大类:基本数据类型和引用类型
基本数据类型
- 数字 number
- 字符串 string
- 布尔值 boolean (true/false)
- 特殊数据类型 null/undefined
声明变量
通过 var age=19
来声名一个age变量赋值为19,这样我们也称作初始化。
也可以var name="xxx",age=19
声名多个变量。
变量命名
遵循驼峰命名法,按照字母,数字,下划线,$符号可以组成,不能以数字开头,严格区分大小写。
可以使用typeof
输出当前数据类型
由于js属于弱语言类型,它的类型取决于它最后一次被赋值的值类型(最好不要随意改变变量的数据类型)
运算符
点击这里查看 **运算符详细介绍**着重查看NaN
- 注意:
- 任何类型的数据和字符串类型相加时,会变为字符串拼接,不会做运算处理。
var name = "1";var age=2 ;alert(name+age);->输出12
。
- 任何类型的数据和字符串类型相加时,会变为字符串拼接,不会做运算处理。
数据类型转换
通过JS提供的API进行数据类型的转换**数据类型转换详解**
分支和循环(if,ifelse,while,for等等)
请自行查看菜鸟教程,在此不想写了.! 太多了https://www.runoob.com/js/js-if-else.html