JavaScript 基础语法速查手册:从 DOM 操作到数据类型
本文整理 JavaScript 核心语法要点,涵盖文档输出、注释规范、DOM 树结构及窗口对象属性。详细解析变量声明、类型转换、字符串处理及数学运算函数,并深入讲解表单元素(文本框、单选、复选、下拉列表)的获取与状态判断方法,为前端开发提供实用的语法参考。
JavaScript 基础语法与文档结构
使用 document.write("") 方法可向文档中写入输出内容。
在 JavaScript 中,单行注释通过双斜杠 // 标识。
传统 HTML 文档的结构层级顺序为:document 根节点指向 html 元素,html 元素下包含 head 和 body 两个子节点。
在浏览器窗口环境中,DOM 树的顶层是 window 对象,其直接子节点包括 navigator、screen、history、location 和 document。
获取表单中指定元素的名称或值,可通过 document.getElementById("表单中元素的ID号").name 或 .value 属性实现。
实现小写转大写的 JavaScript 代码示例为: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。
JavaScript 中函数的定义语法为: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="/blog/URL"。
获取文档中所有表单的数量,可通过 document.forms.length 属性实现。
关闭文档输出流的命令为:document.close();。
字符串追加连接的运算符为 +=。
创建文档元素的方法包括 document.createElement() 和 document.createTextNode()。
通过 ID 获取元素的方法为: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 属性实现,该属性返回 TRUE 或 FALSE。
获取单选按钮组的长度,语法为:document.forms[0].groupName.length(注意单选按钮名称必须相同)。
判断单选按钮是否被选中同样使用 checked 属性。
获取下拉列表框的值,语法为:document.forms[0].selectName.options[n].value,其中 n 可通过下拉列表名称加上 .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))(返回随机数)。
2下一页阅读全文
JavaScript将图片转换为Base64编码的两种途径
2026-11-05 16:43:05
怎么在 Vue 或 React 项目中正确集成 animate.js
2026-11-05 10:23:38
JS注册事件:addEventListener基础语法与参数详解
2026-11-05 08:44:56
JSP和JS的区别:运行环境与服务端/客户端职责解析
2026-11-04 23:34:36
pdf.js 官方下载地址:GitHub Release 获取预编译包
2026-11-04 23:07:27
