[TOC]

一 JavaScript介绍

JS是弱类型语言，而Java是强类型语言

弱类型即类型可变
强类型即定义变量的时候类型已确定，而且不可变

JS特点

  • 交互性 信息的动态交互
  • 安全性 不允许访问本地硬盘
  • 跨平台性 可以解释JS的浏览器都可以执行

二 JavaScript和html代码结合

两种方式：

  1. 在head标签或body标签中，使用script标签来书写JavaScript代码

<script type="text/javascript"><br /> alert("nb");<br /></script>

  1. 使用script标签引入单独的JS代码文件

<script type="text/javascript" src="1.js"></script>

注意：两个功能不能同时使用

三 JavaScript变量

JS的变量类型

  • 数值 number
  • 字符串 string
  • 对象 object
  • 布尔 boolean
  • 函数 function

特殊的值

  • undefine 变量未赋值时的默认值
  • null 空值
  • NAN(not a number) 非数值

定义变量格式

  • var 变量名
  • var 变量名 = 值

关系运算

  • 等于 == 值比较
  • 全等于 == 值+数据类型比较

    逻辑运算

    && 且运算
    当表达式全为真时 返回最后一个表达式的值
    当表达式中一个为假的时候 返回第一个为假的表达式的值

|| 或运算
当表达式全为假时 返回最后一个表达式的值
当表达式中一个为真的时候 返回第一个为真的表达式的值

四 数组*

数组定义方式

  • var 数组名 = []; //空数组
  • var 数组名 = [1, ‘abc’, true]; //数组内元素类型可以不一样

JS语言中的数值，只要通过数组下标赋值 那么就会自动用最大的下标值给数组做扩容操作

五 函数*

函数的两种定义方式

  1. 可以使用function关键字来定义函数

function 函数名（形参列表）{
函数体
}

  1. 函数名放到前面

var 函数名 = function（形参列表）{
函数体
}
注意：JS不允许函数重载 如果重写会覆盖掉上一次的定义

函数的 arguments 隐形参数

在function函数中不需要定义，但却可以直接用来获取所有参数的变量，叫隐形参数
隐形参数类似java的可变长参数
public void fun(Object…args)
可变长参数其实是一个数组
JS中的隐形参数也跟Java的可变长参数一样，操作类似数组
function fun() {<br /> alert(arguments.length);
alert(arguments[0]);
alert(arguments[1]);
alert(arguments[2]);<br /> alert("无参函数fun()");<br />}<br />fun(1, "ad", true);

`//需求：要求编写一个函数 用于计算所有参数相加的和并返回
function sum(num1, num2) {
var result = 0;
for(var i = 0; i < arguments.length; i++) {
if(typeof(arguments[i]) == “number”) result += arguments[i]
}
return result;
}

var result = sum(1,2,3,4);
alert(result);`

六 JS中的自定义对象

Object形式的自定义对象

对象的定义
var 变量名 = new Object();
变量名.属性名 = 值
变量名.函数名 = function(){}

对象的访问
变量名.属性名/函数名()

{}形式的自定义对象

对象的定义
var 变量名 = {}; //空对象
var 变量名 = {
属性名: 值, //注意用逗号隔开
属性名: 值,
…
函数名: function1(){}
函数名: function2(){}
};
对象的访问
变量名.属性名/函数名()

七 JS中的事件

事件时设备与页面进行交互的响应

常用的事件

onload加载完成事件 页面加载完成之后 常用于做页面js代码初始化操作
onclick单击事件 常用于按钮的点击响应操作
onblur失去焦点事件 常用于输入框失去焦点后验证其输入内容是否合法
onchange内容发送改变事件 常用于下拉列表和输入框内容发生改变后操作
onsubmit表单提交事件 常用于表单提交前 验证所有表单项是否合法

事件的注册

事件的注册（绑定）就是告诉浏览器 当事件响应后要执行哪些操作代码

  1. 静态注册事件：

通过html标签的事件属性直接赋予事件响应后的代码

  1. 动态注册事件：

先通过js代码得到标签的dom对象，然后再通过dom对象.事件名 = function(){} 这种形式赋予事件响应后的代码
动态对象基本步骤：

  - 获取标签对象
  - 标签对象.事件名 = function(){}

onload事件

`<!DOCTYPE html>







`

  1. document.createTextNode()

创建文本节点。

节点的常用属性和方法

节点就是标签对象
https://www.runoob.com/jsref/dom-obj-document.html
https://www.runoob.com/jsref/dom-obj-all.html