【java-S2阶段】JavaScript基础

为什么要学JavaScript

做表单验证，可以减轻服务端的压力。
实现动态效果，即：控制前段页面的显示。

---

JavaScript是基于对象事件驱动的

---

JavaScript的特点

• 向HTML页面中添加交互行为
• 脚本语言，语法和java类似
• 解释性语言，边执行边解释

---

JavaScript的组成

1.ECMAscript
2.DOM：document object model 文档对象模型，用于操作HTML文档。
3.BOM：browser object model 浏览器对象模型，用于控制浏览器的状态和行为。

---

JavaScript的基本语法结构

<script  type="text/javascript"> 
    <!--     function 方法名(){
    //代码块内容
} -->
</script>

---

JavaScript与HTML文档的三种结合方式

行内：

 <input type="button" value="普通按钮" onclick="javascript:alert('a');"/>

内部:在head标签中编写script标签中编写JavaScript代码

外部：使用标记 <script src="hxt.js"> </script>导入js；在外部js文件中写javascript代码。

---

JavaScript变量使用

对于JavaScript变量使用时候，使用 var+变量名=值，是一种弱引用，不同于java在声明变量的时候，必须制定类型，在JavaScript中不必制定类型

JavaScript中常见的变量声明

1.undefined
var width；
变量width没有初始值，将被赋予值undefined
2.null
表示一个空值，与undefined相等
3.number
浮点数和整数都可以表示
4.boolean
和java中相同，只有true和false
5.string
与java中区别在与string开头为小写

对于变量或值调用typeof运算符返回值

例如： typeof（变量名）

---

字符串

与java中相同的方法

---

数组

使用Array关键字

var arr=new Array（size） size为数组的长度；

也可以使用new Array[“”,”“,”“]； 放入数值

数组中常用的属性和方法

属性：length 相似于java中的长度显示
方法：1.join（） 把数组的所有的元素放入一个字符串中，通过一个的分隔符号进行分隔。
2.sort（）对数组进行排序
3.push（）向数组末尾添加一个或更多

---

foreach

for（var i in 数组名）{
document.writeln(数组名[i])；
}

---

输入 prompt()

输入主要是window下的，用Window调用，或者可以省略
prompt（”你喜欢的颜色？”,”  “）;

---

输出alert()

警告信息相当于java的system.out

alert(“”);

---

函数

使用parseXxx()
xxx是基本数据类型的名字，相当于java中的包装类的装换

isNaN
用于检查参数是否是非数字
如果是非数字，返回true 否则false

function
定义方法时候，直接用function+方法名（参数1，参数2）
没有返回值类型

---