如何思考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>

確定。我知道很基本，但我意識到我對某些事情的「爲什麼」感到困惑。準確地說：

函數= 什麼會發生。

呼叫（身上onload ...）= 當它會發生。

和DIV ID =「targetDIV」 = WHERE它會發生

我知道這是在這個例子中的情況，但總體上，事情的方式在Javascript中工作？

來源

2010-01-23 Joel

我不得不說這是一個令人驚訝的抽象方式。 – 2010-01-23 07:38:38

-1？來吧..........發生了什麼事？ – 2012-09-20 06:43:18

是的，這是一個相當不錯的工作模式，可以讓您高枕無憂。

onload for body被稱爲Event和許多對象發出事件。您的函數displayText是爲了響應onload事件而調用的，因此是一個事件處理函數。

函數中的代碼可以做任何事情，但在這種情況下，它會動態地將一些文本加載到頁面上的標記中。

在這一點上還有一些值得指出的事情。您可以使用document.getElementById訪問標籤。文檔是可變的，您可以在Javascript中使用包含稱爲DOM或文檔對象模型的頁面模型。這是非常強大的，因爲它呈現了頁面上所有內容的分層佈局，並允許您操作內容。

getElementById（）是一個非常有用的函數，它搜索DOM樹並返回具有指定ID的對象，這是一種搜索。文本到達您的標記，因爲您已將targetDIV標識添加到DIV標記，因此您可以通過DOM功能找到它。

歡迎使用Javascript進行編程。現在你有了一個良好的工作模式，你會發現你可以做的很多聰明的事情，而你作爲網絡程序員的生活將永遠不會再一樣。

來源

2010-01-23 07:58:00 Simon

聽起來不錯。

來源

2010-01-23 07:36:26 Dhana

loool在這樣的答案獲得upvotes。好的'2010年的Stackoverflow。 – Kelseydh 2015-12-13 04:58:46

如何思考Javascript - 這是否準確？

回答

相關問題