JavaScriptECMA核心语法

JavaScriptECMA核心语法

在网上自学了许多js知识，在这里整理一下

• 在HTML中引入的三种方法
• 输出语句
• 变量的声明与基本数据类型
• 警告、提示和提示输入框
• 运算符
• 数组
• 系统函数和自定义函数
• 事件

---

在HTML中引入的三种方法

* 行内js

点击

点击这个链接，字体变红

* 内部js

* 外部js

---

输出语句

效果如下：

---

变量的声明与基本数据类型

* 变量声明

在JS中任何类型的声明都是使用一个关键字
var g = 1;
或者
g = 1;
·

* 基本数据类型

在JS中有typeof()函数来确定数据类型

• undefined:定义未赋值

var g;
typeof(g);	//undefined

• number:数值类型

var g = 1;
typeof(g);	//number

• string:字符串类型

var g = "wo";
typeof(g);	//string

• boolean:真假类型

var g = true;
typeof(g);	//boolean

---

警告、提示和提示输入框

* 警告

alert('这是一个警告框！');

效果如下：

* 提示

var flag = confirm("确定退出吗？");  //确定：flag == true , 取消：flag == false

效果如下：

* 提示文本框

var pwd = prompt("请输入账号：","123456");
document.write(pwd);

效果如下：

点击确定：

---

运算符

* 算术运算符：加(+)减(-)乘(*)除(/)

例：

5/2; //值为2.5

* 比较运算符

小于(<)、大于(>)、小于等于(<=)、大于等于(>=)、等于(==)、全等于等

例：

var i = 1;
i == "1"; //true
i ==="1"; //false
i === 1;  //true

在js中全等于不仅比较值，还会去比较数据类型，等于只会比较值

---

数组

* 声明方式

1. var array = new Array(5); 声明数组并设置长度为5
2. var array = new Array(1,2,3); 声明数组并赋予3个值
3. var array = [1,2,3]; 第二种的简略写法

* 常用属性和方法

length; 数组的长度

var array = new Array(5);
document.write(array.length); //5

sort();排序

var array = new Array(3,2,1);
array.sort(); //结果是1，2，3

join(); 连接

var array = new Array(3,2,1);
var str = array.join("-"); //结果是3-2-1

push(); 追加

var array = new Array(3,2,1);
array.push(1);
array.length;  //长度为4

* 遍历

//方法1
 for (var i = 0; i < array.length; i++) {
     document.write(array[i])
 }
 //方法2
 for (var i in array) {
      document.write(array[i])
 }

---

系统函数与自定义函数

系统函数

• parseInt(); 转换为int数值类型

parseInt("3.5"); // 3
parseInt("3.5dwda"); // 3
parseInt("d3.5"); // NaN

• parseFloat(); 转换为float数值类型

parseFloat("3.5"); // 3.5
parseFloat("3.5dwda"); // 3.5
parseFloat("d3.5"); // NaN

• isNaN(); 判断是否是非数值类型

isNaN("3.5"); // false
isNaN("3.5dwda"); // true
isNaN("d3.5"); // true

*自定义函数

声明：
function 函数名([参数列表]){
//代码块
}

function f(){
	document.write("我的函数");
}	

调用

f(); //输出我的函数

---

事件

这里只说几种常用的事件

• onclick :单击

点击  //单击连接字体变红

• onmouseover :鼠标悬浮其上

 点击  //鼠标悬浮字体变红

• onmouseout :鼠标移开

点击  //鼠标悬浮字体变红