Esempi Comuni di JavaScript

此页面包含JavaScript可以做什么的一些示例。

注意：如果这些示例使用的是您尚未学习的方法，请不要担心。您将在下一章中了解它们。

JavaScript可以修改HTML内容

该getElementById()方法返回其ID与指定值匹配的元素。

本示例使用该方法查找HTML元素（id="para"），并将元素内容（innerHTML）更改为“ Hello world”：

document.getElementById("para").innerHTML = "Hello world";

JavaScript可以更改HTML属性值

在此示例中，JavaScript更改了<img>标签的src属性的值：

JavaScript可以更改HTML样式（CSS）

JavaScript style属性可用于设置元素的内联样式。

document.getElementById("demo").style.color = "blue";

JavaScript可以隐藏HTML元素

隐藏HTML元素可以通过更改显示样式来完成。

document.getElementById("demo").style.display = "none";

JavaScript可以显示HTML元素

显示隐藏的HTML元素也可以通过更改显示样式来完成。

document.getElementById("demo").style.display = "block";

JavaScript può creare finestre di avviso popup

In questo esempio, JavaScript crea un dialogo di avviso.

alert("Hello world!");

JavaScript può aggiungere un gestore eventi al documento

In questo esempio, JavaScript monitora l'evento di clic del mouse e reagisce a esso.

document.addEventListener("click", myFunc);
function myFunc() {
　　　document.body.style.backgroundColor = "coral";
}

JavaScript può mostrare l'ora

In questo esempio, JavaScript mostra l'ora corrente.

var intervalID = setInterval(startTimer, 1000);
function startTimer() {
　　　　var date = new Date();
　　　　var x = document.getElementById("result");
　　　　x.innerHTML = date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
}