JavaScript 提供了多种内置对象和方法,用于处理字符串、数组、日期、数学计算等操作。以下是主要对象及其常用方法的总结:
1. String 对象创建方式:
var str = "abc";属性:
方法:
2. Array 对象常用方法:
- concat([4,5]):合并数组。
- join("-"):用分隔符连接数组元素(如 [1,2,3] → "1-2-3")。
- push(4):添加元素到末尾,返回新长度。
- pop():删除并返回末尾元素。
- reverse():反转数组顺序。
3. Date 对象创建当前时间:
var date = new Date();document.write(date.toLocaleString()); // 输出本地格式时间方法:
- getFullYear()/getMonth()/getDate():获取年、月、日。
- getHours()/getMinutes()/getSeconds():获取时、分、秒。
4. Math 对象静态方法(直接调用):
- Math.abs(-1):绝对值。
- Math.ceil(1.2):向上取整。
- Math.floor(1.9):向下取整。
- Math.random():生成 [0,1) 随机数。
- Math.round(1.5):四舍五入。
5. 全局函数- parseInt("123"):字符串转整数。
- parseFloat("3.14"):字符串转浮点数。
- isNaN(NaN):检查是否为非数字。
- eval("2+2"):执行字符串中的代码。
6. 函数重载JavaScript 通过 arguments 对象模拟重载:
function sum() { let total = 0; for (let i = 0; i < arguments.length; i++) { total += arguments[i]; } return total;}sum(1, 2, 3); // 返回 67. BOM(浏览器对象模型)- navigator:浏览器信息(如 navigator.appName)。
- screen:屏幕分辨率(如 screen.width)。
- location:URL 操作(如 location.href = "new.html" 跳转)。
- history:浏览历史(如 history.back() 返回上一页)。
- window(顶层对象):
alert("提示"):弹出警告框。
confirm("确认?"):返回布尔值。
prompt("输入"):获取用户输入。
8. DOM(文档对象模型)操作 HTML 文档:
- 获取元素:document.getElementById("id");document.getElementsByTagName("div");
- 修改内容:element.innerHTML = "<b>新内容</b>";
- 事件处理:element.onclick = function() { alert("点击"); };
9. document 对象常用方法:
- document.write("Hello"):直接写入文档。
- document.createElement("div"):创建新元素。
- document.forms:获取所有表单。
10. 窗口弹窗案例实现跨窗口数据传递:
- 父窗口 (window.html):<input type="button" onclick="window.open('user.html', '', 'width=500,height=300')">
- 子窗口 (user.html):function transfer(num, name) { var parentWin = window.opener; parentWin.document.getElementById("number").value = num; parentWin.document.getElementById("name").value = name; window.close();}
注意事项- 浏览器兼容性:如 opener 在 Chrome 中可能受限(需服务器环境)。
- 安全限制:本地文件操作可能被浏览器阻止,建议使用 HTTP 服务测试。
通过以上对象和方法,JavaScript 可以高效操作字符串、数组、日期,并实现浏览器交互和 DOM 操作。