js中常用函数.doc

window.close();关闭窗口 window.location="www.sohuo.com"; alert("sdfsadfsadf");消息窗口 window.back();返回前一页； history.go(-1); window.open("inde.jsp","","width=100 height=100 top=100 left=100");弹出窗口 ### JavaScript中常用函数详解 #### 一、窗口操作相关函数 **1. `window.close()`** - **功能**：关闭当前窗口。该方法只允许关闭由当前窗口打开的新窗口，不能关闭自身或非自己创建的窗口。 - **示例**： ```javascript if (window.opener && !window.opener.closed) { window.close(); } ``` **2. `window.location`** - **功能**：设置或获取当前窗口的URL地址。 - **示例**： ```javascript window.location = "http://www.sohuo.com"; ``` **3. `alert()`** - **功能**：弹出一个包含指定文本的消息框。 - **示例**： ```javascript alert("sdfsadfsadf"); ``` **4. `window.back()` 和 `history.go(-1)`** - **功能**：返回前一个页面。 - **示例**： ```javascript window.back(); // 或者 history.go(-1); ``` **5. `window.open()`** - **功能**：打开一个新的浏览器窗口。 - **示例**： ```javascript window.open("inde.jsp", "", "width=100, height=100, top=100, left=100"); ``` - **参数解析**： - 第一个参数：要加载的文档的URL。 - 第二个参数：新窗口的名称。 - 第三个参数：窗口的属性设置。 #### 二、鼠标和事件相关函数 **6. `click()`** - **功能**：模拟点击事件。 - **示例**： ```javascript document.getElementById("myButton").click(); ``` **7. `closed` 属性** - **功能**：检查窗口是否已关闭。 - **示例**： ```javascript if (window.closed) { console.log("窗口已关闭"); } ``` **8. `clearTimeout()` 和 `clearInterval()`** - **功能**：取消通过 `setTimeout` 或 `setInterval` 设置的定时器。 - **示例**： ```javascript var timeoutId = setTimeout(function() { console.log("Hello"); }, 2000); clearTimeout(timeoutId); ``` **9. `confirm()`** - **功能**：弹出一个包含确认按钮和取消按钮的消息框。 - **示例**： ```javascript if (confirm("Are you sure to continue?")) { // 用户点击了“确认” } else { // 用户点击了“取消” } ``` **10. `event.clientX` 和 `event.clientY`** - **功能**：获取最后一次鼠标点击的X和Y坐标。 - **示例**： ```javascript document.addEventListener("click", function(event) { console.log("Click X: " + event.clientX + ", Y: " + event.clientY); }); ``` **11. `event.offsetX` 和 `event.offsetY`** - **功能**：获取当前鼠标在元素上的相对位置。 - **示例**： ```javascript document.getElementById("myElement").addEventListener("mousemove", function(event) { console.log("Mouse X: " + event.offsetX + ", Y: " + event.offsetY); }); ``` #### 三、文档操作相关函数 **12. `document.write()`** - **功能**：向文档写入HTML代码。 - **示例**： ```javascript document.write(document.lastModified); ``` **13. `document.onmousedown` 和 `document.ondblclick`** - **功能**：设置鼠标单击和双击时触发的事件处理函数。 - **示例**： ```javascript document.onmousedown = function() { console.log("Mouse down!"); }; document.ondblclick = function() { console.log("Double click!"); }; ``` **14. `document.body.scrollTop` 和 `document.body.scrollLeft`** - **功能**：获取或设置垂直和水平滚动条的位置。 - **示例**： ```javascript console.log("Scroll top: " + document.body.scrollTop + ", Scroll left: " + document.body.scrollLeft); ``` **15. `document.title`** - **功能**：获取或设置当前文档的标题。 - **示例**： ```javascript document.title = "New Title"; ``` **16. `document.bgcolor`, `document.Fgcolor`, `document.linkcolor`, `document.alinkcolor`, `document.VlinkColor`** - **功能**：设置文档的背景色、文本色以及链接颜色。 - **示例**： ```javascript document.bgcolor = "#ff0000"; ``` **17. `document.forms.length`, `document.anchors.length`, `document.links.length`** - **功能**：获取当前页面中的表单、锚点和链接的数量。 - **示例**： ```javascript console.log("Forms: " + document.forms.length + ", Anchors: " + document.anchors.length + ", Links: " + document.links.length); ``` **18. `document.onmousedown` 和 `document.ondblclick`** - **功能**：设置鼠标单击和双击时触发的事件处理函数。 - **示例**： ```javascript document.onmousedown = function() { console.log("Mouse down!"); }; document.ondblclick = function() { console.log("Double click!"); }; ``` **19. `defaultStatus` 和 `window.status`** - **功能**：设置浏览器状态栏的文本。 - **示例**： ```javascript window.status = "Loading..."; ``` **20. `function`** - **功能**：定义一个函数。 - **示例**： ```javascript function myFunction() { console.log("Hello, World!"); } ``` **21. `isNumeric`** - **功能**：判断一个字符串是否为数字。 - **示例**： ```javascript function isNumeric(str) { return !isNaN(str) && str.trim().length > 0; } ``` **22. `innerHTML` 和 `innerText`** - **功能**：获取或设置HTML元素的内容。 - **示例**： ```javascript var element = document.getElementById("myDiv"); element.innerHTML = "<b>Hello</b>"; ``` **23. `location.reload()`** - **功能**：重新加载当前页面。 - **示例**： ```javascript location.reload(); ``` **24. `Math.random()`** - **功能**：生成一个介于0（包括）和1（不包括）之间的随机数。 - **示例**： ```javascript console.log(Math.random()); ``` **25. `Math.floor(number)`** - **功能**：向下取整。 - **示例**： ```javascript console.log(Math.floor(3.7)); // 输出 3 ``` **26. `Math.min()` 和 `Math.max()`** - **功能**：找出一组数中的最小值和最大值。 - **示例**： ```javascript console.log(Math.min(1, 2)); // 输出 1 console.log(Math.max(1, 2)); // 输出 2 ``` **27. `navigator` 对象** - **功能**：提供有关浏览器的信息。 - **示例**： ```javascript console.log(navigator.appName); // 输出 "Netscape" console.log(navigator.appVersion); // 输出 "5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36" ``` **28. `onsubmit`** - **功能**：定义表单提交时触发的事件处理函数。 - **示例**： ```html <form onsubmit="return validateForm()"> <!-- 表单内容 --> </form> ``` **29. `opener`** - **功能**：引用打开当前窗口的窗口对象。 - **示例**： ```javascript opener.document.getElementById("result").innerText = "Data from the new window."; ``` **30. `prompt()`** - **功能**：弹出一个对话框让用户输入文本。 - **示例**： ```javascript var userInput = prompt("Please enter your name:", "John Doe"); ``` **31. `parent`** - **功能**：引用父级窗口或框架。 - **示例**： ```javascript parent.document.getElementById("frameContent").innerText = "Hello from the child frame!"; ``` **32. `return`** - **功能**：从函数中返回值。 - **示例**： ```javascript function add(a, b) { return a + b; } ``` **33. `random`** - **功能**：生成一个介于0（包括）和1（不包括）之间的随机数。 - **示例**： ```javascript console.log(random()); ``` **34. `reset()`** - **功能**：重置表单中的所有控件。 - **示例**： ```javascript document.getElementById("myForm").reset(); ``` **35. `split()`** - **功能**：将字符串分割成数组。 - **示例**： ```javascript var words = "one,two,three".split(","); ``` **36. `submit()`** - **功能**：提交表单。 - **示例**： ```javascript document.getElementById("myForm").submit(); ``` **37. `String` 对象的方法** - **功能**：提供了许多用于处理字符串的方法。 - **示例**： ```javascript var str = "Hello World!"; console.log(str.charAt(0)); // 输出 "H" console.log(str.toUpperCase()); // 输出 "HELLO WORLD!" ``` 以上介绍了JavaScript中的一些常用函数及其使用方法，希望能帮助开发者更好地理解和应用这些函数来提升Web应用程序的功能性和用户体验。