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:域的内容被改变时触发