Question

我正在研究一些javascript示例，我刚刚做了这个：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Page title</title>
<script type="text/javascript">
function displayText()
{
document.getElementById('targetDIV').innerHTML =  "You're using Javascript";
}
</script>

</head>
<body onload="displayText()">
<h2>This should be before the other text.</h2>

<div id="targetDIV">
</div>

</body>
</html>

行。非常基本，我知道 - 但我意识到我对某些事情的“原因”感到困惑。这样说是否准确：

功能= 会发生什么。

调用（正文载入......）= WHEN 会发生。

和div id =“targetDIV”= WHERE 会发生

我知道这个例子就是这种情况，但一般情况下Javascript的工作方式是什么？

Answer 1

是的，这是一个非常好的工作模式。

主体的onload称为事件，许多对象发出事件。您的函数displayText被调用以响应onload事件，因此是一个事件处理程序。

您的函数中的代码可以执行任何操作，但在这种情况下，它会将一些文本动态加载到页面上的标记中。

此时还有其他一些值得指出的事情。您可以使用document.getElementById访问该标记。文档是Javascript中可用的变量，它包含称为DOM或文档对象模型的页面模型。这非常强大，因为它呈现了页面上所有内容的分层布局，并允许您操作内容。

getElementById（）是一个非常有用的函数，它搜索DOM树并返回具有您指定的ID的对象，这是一种搜索。文本到达您的标记是因为您将targetDIV id添加到DIV标记，因此您可以通过DOM函数找到它。

欢迎使用Javascript编程。现在你有一个好的工作模式，你可以找到许多你可以做的非常聪明的事情，你作为一个网络程序员的生活将再也不会是相同的。

Answer 2

听起来不错。

如何看待Javascript-这是准确的吗？

2 个答案: