javascript - 如何看待 Javascript——这准确吗?

标签 javascript

我正在研究一些 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>

好的。非常基本,我知道,但我意识到我对某些事情的“原因”感到困惑。准确的说法是:

Function=会发生什么

调用(正文加载...)= 何时它将发生。

并且 div id="targetDIV"= 哪里它将发生

我知道这个例子就是这种情况,但总的来说这就是 Javascript 的工作方式吗?

最佳答案

是的,这是一个值得牢记在心的非常好的工作模型。

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

函数内的代码可以执行任何操作,但在本例中,它会动态地将一些文本加载到页面上的标记中。

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

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

欢迎使用 Javascript 编程。现在您已经有了一个良好的工作模型,您会发现您可以做很多非常聪明的事情,并且您作为网络​​程序员的生活将永远不会再一样。

关于javascript - 如何看待 Javascript——这准确吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2122503/

相关文章:

javascript - 异步等待返回 Promise <pending>

javascript - 是否可以在 Internet Explorer 11 中使用 JavaScript 设置 select 元素的大小属性?

javascript - 检测浏览器打印事件在 Chrome 中以两种不同的方式发生

javascript - 在 d3 : speed vs visibility 中标记力导向节点

javascript - Kendo UI 折线图排序顺序

javascript - 为什么我的 json 对象的 `email` 属性不会显示在我的 jade 模板中?

javascript - 删除文本层并替换为图像

javascript - 使用 setState 将新元素添加到数组

javascript - jquery如何获取动态元素id

javascript - 如何使用 JavaScript 向后端发送很长的文本?