JavaScript常用对象、窗口与字符串方法速查

作者:异步漫步时间:2026-10-28 23:49:11浏览:538

本文系统整理了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。


作者最新文章