JavaScript 基础语法与 DOM 操作速查指南

JavaScript 基础语法与 DOM 操作速查指南

使用 document.write("") 可向文档输出内容。

JavaScript 中的单行注释符号为 //。

传统 HTML 文档的结构顺序为：document 根节点包含 html 元素，html 内部包含 head 和 body。

浏览器窗口内的 DOM 树结构顺序为：window 对象包含 navigator、screen、history、location 和 document 等属性。

获取表单元素名称或值的方法为：document.getElementById("表单中元素的ID号").name 或 .value。

实现小写转大写的 JS 代码示例：document.getElementById("output").value = document.getElementById("input").value.toUpperCase();

JavaScript 中的值类型包括：String、Number、Boolean、Null、Object 和 Function。

将字符型转换为数值型可使用 parseInt() 和 parseFloat() 函数。

将数字转换为字符型的方法是将变量与空字符串相加，即 (""+变量)。

获取字符串长度的属性为 length。

JavaScript 中字符与字符的连接使用 + 号。

JavaScript 的比较操作符包括：==（等于）、!=（不等于）、>（大于）、>=（大于等于）、<（小于）和 <=（小于等于）。

在 JavaScript 中声明变量需使用 var 关键字。

JavaScript 的判断语句结构为：if(condition){}else{}。

JavaScript 的 for 循环结构为：for([initial expression];[condition];[upadte expression]) {inside loop}。

用于中止循环的命令是 break。

函数定义语法为：function functionName([parameter],...){statement[s]}。

当文件中存在多个 form 表单时，可通过 document.forms[0] 和 document.forms[1] 来分别引用。

窗口操作包括：打开窗口 window.open()，关闭窗口 window.close()，以及引用窗口本身 self。

设置状态栏文本的代码为：window.status="字符"。

弹出提示信息的代码为：window.alert("字符")。

弹出确认框的代码为：window.confirm()。

弹出输入提示框的代码为：window.prompt()。

指定当前显示链接位置的方法为：window.location.href="URL"。

获取窗体中所有表单数量的方法为：document.forms.length。

关闭文档输出流的代码为：document.close();。

字符串追加连接符为 +=。

创建文档元素的方法包括 document.createElement() 和 document.createTextNode()。

获取元素的标准方法为：document.getElementById()。

表单元素处理与清空示例

设置表单中所有文本型成员值为空的代码如下：

var form = window.document.forms[0]

for (var i = 0; i<form.elements.length;i++){

if (form.elements.type == "text"){

form.elements.value = "";

判断复选按钮是否选中的方法是：document.forms[0].checkThis.checked，其中 checked 属性返回 TRUE 或 FALSE 表示选中状态。

获取单选按钮组的长度使用：document.forms[0].groupName.length（注意单选按钮名称必须相同）。

判断单选按钮是否被选中同样使用 checked 属性。

获取下拉列表框值的方法为：document.forms[0].selectName.options[n].value，也可通过 selectName.selectedIndex 确定选中值。

字符串的定义方式为：var myString = new String("This is lightsword");。

字符串转大写使用 string.toUpperCase();，转小写使用 string.toLowerCase();。

查找字符串2在字符串1中出现的位置使用 String1.indexOf("String2")，若返回值不等于 -1 则说明未找到（注：此处原文逻辑可能有误，通常 !=-1 表示找到，==-1 表示未找到，此处按原文表述保留疑点）。

获取字符串中指定位置的一个字符使用：StringA.charAt(9);。

获取字符串中指定起点和终点的子字符串使用：stringA.substring(2,6);。

常用数学函数包括：Math.PI（返回圆周率）、Math.SQRT2（返回根号2）、Math.max(value1,value2)（返回最大值）、Math.pow(value1,10)（返回 value1 的十次方）、Math.round(value1)（四舍五入）以及 Math.floor(Math.random()*(n+1))（返回随机数）。

定义日期型变量的方式为：var today = new Date();。

日期函数列表包括：dateObj.getTime() 得到时间，dateObj.getYear() 得到年份，dateObj.getFullYear() 得到四位年份，dateObj.getMonth() 得到月份，dateObj.getDate() 得到日，dateObj.getDay() 得到星期几，dateObj.getHours() 得到小时，dateObj.getMinutes() 得到分，dateObj.getSeconds() 得到秒，dateObj.setTime(value) 设置时间，dateObj.setYear(val) 设置年，dateObj.setMonth(val) 设置月，dateObj.setDate(val) 设置日，dateObj.setDay(val) 设置星期几，dateObj.setHours 设置小时，dateObj.setMinutes(val) 设置分，dateObj.setSeconds(val) 设置秒（注意：此日期时间从 0 开始计）。

Frame 的表示方式包括：[window.]frames[n].ObjFuncVarName、frames["frameName"].ObjFuncVarName 和 frameName.ObjFuncVarName。

parent 代表父亲对象，top 代表最顶端对象。

打开子窗口的父窗口引用为：opener。

表示当前所属位置的关键字是：this。

在超链接中调用 JS 函数时，以 (javascript:) 开头后加函数名。

在老浏览器中不执行此 JS 的写法为：<!-- //-->。

引用外部 JS 文件的代码为：<script type="text/javascript" src="aaa.js"></script>。

指定在不支持脚本的浏览器显示的 HTML 使用 <noscript></noscript>。

当超链接和 onclick 事件同时存在时，老版本浏览器会转向 a.html，否则转向 b.html。示例：<a href="a.html" onclick="location.href='b.html';return false">dfsadf</a>。

JavaScript 的内建对象包括：Array、Boolean、Date、Error、EvalError、Function、Math、Number、Object、RangeError、ReferenceError、RegExp、String、SyntaxError、TypeError 和 URIError。

JavaScript 中的换行符为：\n。

窗口全屏大小的实现代码如下：<script>function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;</script>。

all 代表其下层的全部元素。