1.如何写入JavaScript代码

 

　　内部引用：在HTML文件中插入 ，其中 type默认为 ，可省略。外部引用：在。js文件中编写，在HTML文件中插入 。代码位置：进行页面初始化的代码放在  部分，因为初始化要求提前进行。若是通过事件调用function则对位置无要求，可以放在  中。

 

　　2.语句和符号

 

　　，分号可省略，但是不推荐。

 

　　3.注释

 

　　4.变量

 

　　定义变量： 命名规则：和大多数语言相同。

 

　　以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。不允许使用JavaScript关键字和保留字做变量名。

 

　　区分大小写。

 

　　5.判断语句（if…else）

 

　　6.函数

 

　　向网页中输入内容，与浏览器窗口进行交互，通过简单的对象方法就可以轻松实现。

 

　　1.输出内容

 

　　：直接向HTML输出流写内容，即在网页中输出内容。

 

　　输出空格

 

　　2.警告

 

　　，str为显示在消息对话框中的文本，可以是字符串或变量。在点击对话框"确定"按钮前，不能进行任何其它操作。可以用于调试程序。

 

　　3.确认

 

　　，str为显示在消息对话框中的文本。返回Boolean值，确定返回true，取消返回false。在点击对话框"确定"或"取消"按钮前，不能进行任何其它操作。用于允许用户做选择的动作。

 

　　4.提问

 

　　，str1为显示在消息对话框中的文本，不可更改；str2为文本框中的内容，可以更改。确定返回str2，取消返回null。在点击对话框"确定"或"取消"按钮前，不能进行任何其它操作。用于询问一些需要与用户交互的信息。

 

　　5.打开窗口

 

　　参数说明

 

　　URL：可选参数，在窗口中要显示网页的网址或路径。

 

　　如果省略这个参数，或者它的值是 空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。

 

　　该名称由字母、数字和下划线字符组成，不能包含空格。具有特殊意义的名称：

 

　　_blank：在新窗口显示目标网页。

 

　　_self：在当前窗口显示目标网页。

 

　　_top：框架网页中在上部窗口中显示目标网页。相同名称的窗口只能创建一个，要想创建多个窗口则名称不能相同。 参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。

 

　　参数值说明topNumber窗口顶部距离屏幕顶部的像素数leftNumber窗口左端距离屏幕左端的像素数Width＜/td>Number窗口的宽度Height＜/td>Number窗口的高度menubaryes, no窗口有没有菜单toolbaryes, no窗口有没有工具条scrollbarsyes, no窗口有没有滚动条statusyes, no窗口有没有状态栏

 

　　e.g.

 

　　6.关闭窗口

 

　　关闭本窗口：  ，关闭指定窗口：  。e.g.

 

　　用JavaScript去操作HTML元素和CSS样式，实现简单的动态操作。

 

　　1.DOM

 

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

 

　　常见的DOM节点

 

　　元素节点：上图中  、  、  等都是元素节点，即标签。文本节点：向用户展示的内容，如  中的JavaScript、DOM、CSS等文本。属性节点：元素属性，如  标签的链接属性。

 

　　2.通过ID属性获取元素

 

　　获取的元素是一个对象，若要对元素进行操作，要通过它的属性或方法。

 

　　3.通过innerHTML属性获取元素内容

 

　　用于获取或替换 HTML 元素的内容。

 

　　4.改变 HTML 样式

 

　　基本属性（property）：backgroundColor、height、width、color、font、fontFamily、fontSize。e.g.

 

　　none：隐藏；display：显示（为块级元素）。

 

　　5.控制类名

 

　　设置或返回元素的class 属性。

 

　　变量声明、变量类型，对它们进行赋值、改变、计算等一系列操作，不同运算符的使用方法，灵活运用算术运算符、比较运算符、逻辑运算符对变量和数值进行操作。

 

　　对JavaScript入门篇1内容进行补充。

 

　　1.表达式

 

　　指具有一定的值、用操作符把常数和变量连接起来的代数式，可以包含常数或变量。

 

　　类型

 

　　串表达式数值表达式布尔表达式

 

　　2.操作符

 

　　算数操作符

 

　　：除进行加法运算之外，还可以连接字符串。 逻辑操作符

 

　　and  具有短路运算性质。 比较操作符运算优先级：算术操作符 → 比较操作符 → 逻辑操作符 → 赋值运算符，同级运算按从左到右次序进行，多层括号由里向外。

 

　　数组的概念，创建、赋值、使用数组，获得数组长度，二维数组。

 

　　1.概念

 

　　定义：数组是一组值的集合，每个值都有一个索引号（从0开始）。存储类型：数组存储的数据可以是任何类型（数字、字符、布尔值等）。

 

　　2.创建

 

　　不指定长度：指定长度： ，但由于数组是变长的，仍可存储>n个数据。创建的新数组为空，默认值是  。

 

　　3.赋值

 

　　4.使用数组元素

 

　　通过索引引用数组变量：

 

　　5.获得数组长度

 

　　e.g.

 

　　6.二维数组

 

　　控制语句的执行顺序。

 

　　1. ：见JavaScript入门篇1.5

 

　　2.

 

　　3.循环

 

　　：先执行后判断，保证循环体至少被执行一次。

 

　　：退出当前循环，执行之后的代码。 ：跳过本次循环，整个循环体继续执行。

 

　　函数是一段JavaScript代码，它只定义一次，可被执行或调用任意次。函数的定义、引用。

 

　　对JavaScript入门篇1.6内容进行补充。

 

　　1.调用

 

　　在  中调用在HTML文件中调用，如：

 

　　2.返回值

 

　　JavaScript和HTML之间的交互是通过用户和浏览器操作界面引发的事件来处理，本章介绍事件处理的概念，常用触发事件。

 

　　1.定义

 

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

 

　　2.主要事件

 

　　鼠标点击（）鼠标经过（）鼠标移开（）文本框内容改变（）文本框内容被选中（）光标聚集（）光标离开（）网页导入（）

 

　　加载页面时触发，写在  中。 网页关闭（）

 

　　Date、String、Math、Array对象的属性和方法。

 

　　1.概念

 

　　访问对象属性：访问对象方法：

 

　　2.Date

 

　　创建对象

 

　　返回/设置年份：，4位数字。返回星期：，返回值是0-6的数字。

 

　　返回/设置时间：，单位毫秒数，计算从 1970 年 1 月 1 日零时到日期对象所指日期的毫秒数。

 

　　3.String

 

　　创建对象：直接赋值

 

　　返回字符串的长度：

 

　　字符大小写转换：，

 

　　返回指定位置的字符：，返回长度为1的字符串。

 

　　返回指定字符串首次出现的位置：

 

　　分割字符串：，返回字符串数组。如果把空字符串 （""） 用作 separator，那么 stringObject 中的每个字符之间都会被分割。

 

　　提取指定位置字符串：

 

　　提取指定长度字符串：

 

　　4.Math

 

　　创建对象：Math 对象是一个固有的对象，无需创建它，直接把 Math 作为对象使用就可以调用其所有属性和方法。属性

 

　　方法

 

　　5.Array

 

　　对JavaScript进阶篇2.数组内容进行补充。

 

　　方法

 

　　数组连接：，返回一个被连接数组的副本，不改变原来的数组。

 

　　指定分隔符连接数组元素：

 

　　颠倒数组元素：，会改变原数组。

 

　　选定元素：

 

　　数组排序：，如果不指定<方法函数>，则按Unicode码顺序排列。