JavaScript笔记

Java se 做软件
Java me 嵌入式
Java 面向对象而 JavaScript是基于对象的没有任何相似之处
JavaScript写页面特效和HTML、css一样由浏览器解析
JavaScript语言
Javascript 不区分整数和浮点数
一、JS如何运行
JS代码不允许出错，否则将不能运行
二、输出
alert(“里面什么类型都可以”);
Document.write( “字符串” )
三、如何在HTML中使用js
1、使用将js语法嵌套到HTML中，可以使用多个，每个之间都是有关联的。
2、href=”javascript:js代码”
3、事件中
4、写到外部文件( .js)
js语法：
命名规范：
1、一定要有意义
2、不能以数字开头，不能是系统关键字
大小写：JavaScript区分大小写
　　变量名和函数: 第一个单词小写以后每个单词首字母大写 aaa bbb ccc aaaBbbCcc　　getElementById( );
对象：每个单词首字母都要大写 Date(　)；new object( );
分号：
功能执行语句：加分号
结构定义语句：不加分号
四、变量
var a=10;
a=20;
注意：变量申明后是浏览器关闭后才释放的，在没关闭之前可以随时使用
var 变量=值
注意：JavaScript是弱类型语言（与PHP相同）
Var a=10; 申明
a=10; 赋值
　　
五、数据类型
typeof(变量)
1、number (int float double) 注意计算时按整型浮点型分开
2、string( string char)
3、Boolean
4、Object (object null array)注意：分别处理
5、Undefined没有申明变量
整数
Var a=10;
Var a=045;
Var a=oxff;
浮点型
Var f=10.5;
Var f=10.55;
Var f=10.5e+10;
字符串
“ ”没有区别所有转义都可以使用（ n）
* 连接字符串
六、运算符和表达式
算术运算符号 + – * / % ++ ——
+ 加法连接字符串
% 被整除求一段范围
赋值运算符号 = += -= *= /= %=
条件运算符号 > < == != >= =< === !==
两边比较时也要使用相同的类型， bool
逻辑运算符号 && || ！
位运算符号 >>右移 >>>无符号右移 <<左移 | & ~
其他运算符号
七、流程控制

八、函数
九、对象
十、内置JS对象
十一、数组
dom和bom
jQuery（已解决浏览器兼容性的问题）

确认（confirm 消息对话框）
confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗等。弹出对话框(包括一个确定按钮和一个取消按钮)。
语法:
confirm(str);
参数说明:
str：在消息对话框中要显示的文本
返回值: Boolean值
返回值:
当用户点击”确定”按钮时，返回true
当用户点击”取消”按钮时，返回false
注: 通过返回值可以判断用户点击了什么按钮

提问（prompt 消息对话框）
prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。
语法:
prompt(str1, str2);
参数说明：
str1: 要显示在消息对话框中的文本，不可修改
str2：文本框中的内容，可以修改
返回值:
1. 点击确定按钮，文本框中的内容将作为函数返回值
2. 点击取消按钮，将返回null
*/

打开新窗口（window.open）
open() 方法可以查找一个已经存在或者新建的浏览器窗口。
语法：
window.open([URL], [窗口名称], [参数字符串])
参数说明:
URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。
窗口名称：可选参数，被打开窗口的名称。
1.该名称由字母、数字和下划线字符组成。
2.”_top”、”_blank”、”_selft”具有特殊意义的名称。
_blank：在新窗口显示目标网页
_self：在当前窗口显示目标网页
_top：框架网页中在上部窗口中显示目标网页
3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。
4.name 不能包含有空格。
参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。

遍历节点树:

认识DOM
文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。

通过ID获取元素
学过HTML/CSS样式，都知道，网页由标签将信息组织起来，而标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。
document.getElementById(“id”)

注:获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。

1.document.getElementById(“con”)

2.直接输出获取的对象，结果为null或[object HTMLParagraphElement]

3.document.getElementById(“con”).innerHTML为获取标签中的内容。

innerHTML 属性
innerHTML 属性用于获取或替换 HTML 元素的内容。
语法:
Object.innerHTML
注意:
1.Object是获取的元素对象，如通过document.getElementById(“ID”)获取的元素。
2.注意书写，innerHTML区分大小写。
我们通过id=”con”获取

元素，并将元素的内容输出和改变元素内容，代码如下:

改变 HTML 样式
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢
语法:
Object.style.property=new style;
注意:Object是获取的元素对象，如通过document.getElementById(“id”)获取的元素。
基本属性表（property）:
这里写图片描述

控制类名（className 属性）
className 属性设置或返回元素的class 属性。
语法：
object.className = classname
作用:
1.获取元素的class 属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
看看下面代码，获得

元素的 class 属性和改变className：

操作符之间的优先级（高到低）:
算术操作符 → 比较操作符 → 逻辑操作符 → “=”赋值符号
如果同级的运算是按从左到右次序进行,多层括号由里向外。

.虽然创建数组时，指定了长度，但实际上数组都是变长的，也就是说即使指定了长度为8，仍然可以将元素存储在规定长度以外。

注意：数组存储的数据可以是任何类型（数字、字符、布尔值等）

事件
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。
主要事件表:

Date对象中处理时间和日期的常用方法：

说明：
1.该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 substring。
2.可选参数，从stringObject的startpos位置开始查找substring，如果没有此参数将从stringObject的开始位置查找。
3.如果找到一个 substring，则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。
注意：1.indexOf() 方法区分大小写。
2.如果要检索的字符串值没有出现，则该方法返回 -1。
例如: 对 “I love JavaScript!” 字符串内进行不同的检索:

以上代码的输出：
0
4
9

字符串分割split()
知识讲解：
split() 方法将字符串分割为字符串数组，并返回此数组。
语法：

说明：

注意：如果参数startPos是负数，从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
如果startPos为负数且绝对值大于字符串长度，startPos为0。

Math对象
Math对象，提供对数据的数学计算。
注意：Math 对象是一个固有的对象，无需创建它，直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。
Math 对象属性

Array 数组对象
数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零开始的
数组定义的方法：
1.定义了一个空数组:
var 数组名= new Array();
2. 定义时指定有n个空元素的数组：
var 数组名 =new Array(n);
3.定义数组的时候，直接初始化数据：
var 数组名 = [<元素1>, <元素2>, <元素3>…];
我们定义myArray数组，并赋值，代码如下：
var myArray = [2, 8, 6];
说明：定义了一个数组 myArray，里边的元素是：
数组元素使用：
数组名[下标] = 值;
注意: 数组的下标用方括号括起来，从0开始。
数组属性：
length 用法：<数组对象>.length；返回：数组的长度，即数组里有多少个元素。它等于数组里最后一个元素的下标加一。
数组方法：