JavaScript常用对象、窗口与字符串方法速查
本文系统整理了JavaScript中关于窗口控制、DOM元素属性操作及字符串处理的核心方法。涵盖window对象的焦点管理、历史导航、模态对话框及状态栏设置;详解innerHTML与innerText的区别、表单元素状态控制;并深入解析字符串的截取、查找、替换、大小写转换及类型转换等常用API,为前端开发提供实用的代码参考。
窗口对象与页面交互控制
56. 控制JavaScript中的焦点顺序:通过document.getElementById("表单元素").tabIndex = 1设置元素的Tab键遍历顺序。
57. 获取表单元素的innerHTML值:例如对于<p id="para">"how are <em>you</em>"</p>,其innerHTML返回包含HTML标签的完整字符串:how are <em>you</em>。
58. innerTEXT与innerHTML类似,但区别在于它不会显示HTML标记(如<em>),仅返回纯文本内容。
59. 使用contentEditable属性可设置元素是否允许用户修改,通过isContentEditable属性可返回该元素当前的可编辑状态。
60. 利用isDisabled属性判断元素是否处于禁用状态,使用disabled属性可设置元素的禁用状态。
61. 使用length属性获取字符串或数组的长度,该方法返回一个整型数值。
62. addBehavior()方法用于调用扩展名为.htc的外部行为文件,这是一种由JavaScript调用的外部函数机制。
63. 调用window.focus()方法可使当前窗口置于所有其他窗口之前,获得焦点。
64. blur()方法用于使元素失去焦点,其功能与focus()相反。
65. select()方法用于将文本框等元素的内容设置为选中状态。
66. 防止用户在文本框中输入内容的方法:在onfocus事件中执行this.blur(),即onfocus="this.blur()"。
67. 获取页面中特定HTML标记出现的数量:使用document.all.tags("div(或其他HTML标记符)").length。
DOM元素属性与状态管理
68. JavaScript支持两种窗口输出形式:模态窗口window.showModaldialog()和非模态窗口window.showModeless()。
69. 设置状态栏文字:使用window.status='文字';设置默认状态栏文字:window.defaultStatus = '文字.'。
70. 将当前页面添加到收藏夹:调用external.AddFavorite("http://www.dannyg.com/")。
71. 处理脚本错误:当遇到脚本错误时不做任何操作,可设置window.onerror = doNothing;指定错误句柄的语法为window.onerror = handleError。
72. 指定当前打开窗口的父窗口:使用window.opener,支持opener.opener...的多重继续访问。
73. 在JavaScript中,self关键字指代当前的窗口对象。
74. 在状态栏显示指定内容:通过window.status="内容"实现。
75. 在JavaScript中,top关键字指代框架集中最顶层的框架窗口。
76. 关闭当前窗口的方法:调用window.close()。
77. 弹出确认框并处理结果:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}。
78. 实现窗口重定向:调用window.navigate("http://www.sina.com.cn/")。
79. 执行打印操作:调用window.print()。
80. 显示提示输入框:调用window.prompt("message","defaultReply")。
81. 控制窗口滚动条滚动到指定坐标:调用window.scroll(x,y)。
82. 控制窗口滚动到指定位置:调用window.scrollby。
83. 设置时间间隔:可使用setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay),也可使用setTimeout。
84. 模态对话框在IE4+版本中有效,在Netscape中无效:调用showModalDialog("URL"[,arguments][,features])。
85. 窗口退出前使用的句柄:function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";},并通过window.onbeforeunload=verifyClose绑定。
86. 当窗体第一次加载时使用的文件句柄:onload()。
87. 当窗体关闭时调用的文件句柄:onunload()。
88. window.location的属性包括:protocol(http:)、hostname(http://www.example.com)、port(80)、host(www.example.com:80)、pathname(/",指跳转到相应的锚记)、href(全部的信息)。
89. 刷新当前页面:调用window.location.reload()。
90. 历史导航:window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL)。
91. 输出内容:document.write()不换行输出,document.writeln()换行输出。
92. 防止链接文字折行:设置document.body.noWrap=true。
字符串处理与类型转换方法
93. 获取变量指定位置的字符:使用变量名.charAt(第几位),取该变量的第几位的字符。
94. 获取字符串指定位置字符的ASCII码值:使用"abc".charCodeAt(第几个)。
95. 字符串连接:使用string.concat(string2),或使用+=运算符进行连接。
96. 查找字符首次出现的位置:使用变量.indexOf("字符",起始位置),返回第一个出现的位置(从0开始计算)。
97. 查找字符最后一次出现的位置:使用string.lastIndexOf(searchString[,startIndex])。
98. 判断字符是否匹配正则表达式:使用string.match(regExpression)。
99. 替换现有字符串:使用string.replace(regExpression,replaceString)。
100. 分割字符串并返回数组:使用string.split(分隔符),返回一个存储值的数组。
101. 截取子字符串:使用string.substr(start[,length]),取从第几位到指定长度的字符串。
102. 将字符串全部转换为小写:使用string.toLowerCase()。
103. 将字符串全部转换为大写:使用string.toUpperCase()。
104. 强制转换为整型:使用parseInt(string[,radix(代表进制)])。
105. 强制转换为浮点型:使用parseFloat(string[,radix])。
106. 测试变量是否为数值型:使用isNaN(变量)。
107. 定义常量的关键字是const,定义变量的关键字是var。
D3.js 比例尺与坐标轴的配置详解
2026-11-05 16:54:46
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法:concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19
