新手學習日記-Javascript和Html 1:如何在html中調用Js函數

HTML組成網頁,CSS組織網頁,Javascript可以給網頁添加複雜操作。

首先要明白,HTML是靜態的,要想實現複雜的可變的操作(比如函數,計算結果等)必須使用Javascript進行操作。

Q.如何在Html中獲取Javascript函數的值

HTML是靜態的,即使將Javascript函數寫入HTML,也不會得到函數的結果.

<!DOCTYPE html>
<html>
<body>

<p id="demo">demo()</p>
<script>
function demo(){
  return "cool"   
}
 </script>
</body>
</html>

頁面顯示結果是:     demo()


正確的方法:要想在網頁中獲得Javascript函數的結果,我們可以在<script>標籤中對html內容進行更改(如document.getElementById("").innerHTML(“裏面是Javascript函數”)),Javascript的函數結果就可以寫入HTML。

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
function demo() {
    return "cool"
}
document.getElementById("demo").innerHTML = demo();
</script>

</body>
</html>
此時頁面顯示結果爲: cool


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章