JavaScript基础

JavaScript基础

了解：

ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，所以它可以理解为是javascript的一个标准,但实际上后两者是ECMA-262标准的实现和扩展。

网页中引用js的方式

内部js文件
        <script type="text/javascript">
          </script>
外部js文件
           <script type="text/javascript" src="index.js"></script>
直接在html标签中
       <input type="button" value="弹出信息" onclick="javascript:alert('欢迎你')"/>
		<a onclick="javascript:alert('欢迎你')" href="javascript:alert('弹出欢迎你')"></a>

变量声明和赋值

Var width=20；
Var x,y,z=10;
x=88；

数据类型:

基本类型：
未定义：undefined
空类型：null
数值类型：number typeof(NaN)
字符串类型：String
布尔类型：boolean
引用类型：
对象、函数、数组

Typeof:判断一个值或变量究竟属于那种数据类型
Null或引用类型返回Object类型的结果

String:

Js不对字符和字符串加以区别，string也是一种对象
方法：
Indexof（str，index）,index可选，表示从第几个字符开始查找
charAt(index)
toLowerCase()
toUpperCase()
Substring(index1,index2)
Split(str)

数组:

Var friut=new Array(4);
fruit[0]=”apple”;
fruit[1]=”orange”;
Var friut=new Array(”apple”,”orange”);
数组常用方法和属性
length
Join()
Sort()
Push()

运算符号：

算术运算符：+ - * / % ++ --
       比较运算符：>  <  >=  <=  ==  !=  ===  !=
       逻辑运算符：&&  ||  ！
       赋值运算符：=  +=  -=
       ==和===区别
       ==：等于，用于一般比较，比较时可以转换数据类型，”1”==true返回true
       ===：恒等，用于严格比较，只要数据类型不匹配就返回false，”1”===true返回false

逻辑控制语句

条件结构：if-else
Switch结构
循环结构
For()
While(){}
Do{}while()
For(变量 in 对象){}
中断循环：break continue

注释

单行//
多行/* */

常用的输入/输出

Alert() 警告
Prompt(“提示信息”，”输入框的默认信息”)；提示对话框

调试

断点调试
Alert（）方法
console.log(“11”)控制台输出

js函数

常用系统函数
parseInt(“字符串”) 返回整数
parseFloat(“字符串”) 返回浮点数
isNaN(x) 检查是否是非数字
自定义函数
Function 函数名(参数1，参数2，…){
Js语句；
[return 返回值]
}
调用
事件名=”函数名()”

事件

Onload ：页面加载时触发
Onclick：单击时触发
Onmouseover：鼠标悬浮时触发
Onkeydown：某个键盘按键被触发
Onchange：域的内容被改变时触发