0-JS使用过的函数 1-10-CSDN博客

本文链接：https://blog.csdn.net/q506174602/article/details/129019482

1、获取文档中 id="demo" 的元素

获取文档中 id="demo" 的元素：

querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。

注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。

document.querySelector("#demo");

2、addEventListener

document.addEventListener() 方法用于向文档添加事件句柄。

提示： 可以使用 document.removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。

提示：使用 element.addEventListener() 方法为指定元素添加事件句柄。

在文档中添加点击事件。当用户在文档任何地方点击时，在 id="demo" 的 <p> 元素上输出 "Hello World"：

document.addEventListener("click", function(){
    document.getElementById("demo").innerHTML = "Hello World";
});

3、getElementById

返回指定 ID 的元素：

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。

如果没有指定 ID 的元素返回 null

如果存在多个指定 ID 的元素则返回第一个。

如果需要查找到那些没有 ID 的元素，你可以考虑通过CSS选择器使用 querySelector()。

document.getElementById("demo");

8、confirm

confirm()方法用于显示一个带有指定消息和确认及取消按钮的对话框。

如果访问者点击"确定"，此方法返回true，否则返回false。

function myFunction(){
    var x;
    var r=confirm("按下按钮!");
    if (r==true){
        x="你按下了\"确定\"按钮!";
    }
    else{
        x="你按下了\"取消\"按钮!";
    }
    document.getElementById("demo").innerHTML=x;
}

9、preventDefault

event.preventDefault() 方法阻止元素发生默认的行为。

例如：

当点击提交按钮时阻止对表单的提交
阻止以下 URL 的链接

防止链接打开 URL：

event.preventDefault();

10、assign

加载一个新的文档。

语法

location.assign(URL)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function newDoc(){
    window.location.assign("http://www.runoob.com")
}
</script>
</head>
<body>

<input type="button" value="载入新文档" onclick="newDoc()">

</body>
</html>