JavaScript(2)

JavaScript(2)
最新回答
寂寞念行乐

2026-10-25 11:05:10

JavaScript 提供了多种内置对象和方法,用于处理字符串、数组、日期、数学计算等操作。以下是主要对象及其常用方法的总结:

1. String 对象

创建方式:

var str = "abc";

属性:

  • length:字符串长度。

方法:

  • HTML 相关:

    bold():加粗文本。

    fontcolor("red"):设置字体颜色。

    fontsize(1-7):设置字体大小。

    link("url"):将字符串转为超链接。

    sub()/sup():下标/上标。

  • 类似 Java 的方法:

    concat("def"):连接字符串。

    charAt(index):返回指定位置的字符。

    indexOf("a"):返回子串位置。

    split(","):按分隔符切分为数组。

    replace("a", "b"):替换子串。

    substr(start, length)/substring(start, end):截取子串。

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();}
注意事项
  1. 浏览器兼容性:如 opener 在 Chrome 中可能受限(需服务器环境)。
  2. 安全限制:本地文件操作可能被浏览器阻止,建议使用 HTTP 服务测试。

通过以上对象和方法,JavaScript 可以高效操作字符串、数组、日期,并实现浏览器交互和 DOM 操作。