例項談談Js語句放在head和body的區別

2021-08-20 16:28:27 字數 1164 閱讀 3487

簡單描述:

在html body部分中的js會在頁面載入的時候被執行。

在html head部分中的js會在被呼叫的時候才執行。

區別:

在head中的js,只載入不執行。只有事件觸發的情況下才執行。

在body中的js,在載入的事件就開始執行了。無需事件觸發和呼叫

例項:

"utf-8"

>

jstitle>

function showdate()

function changetext(id)

script>

head>

"changetext(this)"

>julyh1>

"showdate()"

>現在的時間是?button>

"mybtn"

>septemperbutton>

document.getelementbyid("mybtn").onclick =

function();

function changemonth()

script>

"demo"

>p>

body>

html>

注:
也可以把事件觸發對應的js語句放在body中,但是不能把沒有事件觸發的js語句

在head中。由於瀏覽器是按順序解析html,所以無事件觸發的js在body的語句應放在你想要執行

語句的後面。

如下文:將無事件觸發的js語句放在button上面也會出現問題。由於瀏覽器按順序解析,先會解析button上面的js語句(顯然此時瀏覽器布知道mybtn是什麼,所以不會做出反應),然後再解析button的id。

"utf-8"

>

jstitle>

head>

document.getelementbyid("mybtn").onclick =

function();

function changemonth()

script>

< button id =

"mybtn"

> septemper < / button >

"demo"

>p>

body>

html>

JS 條件分支語句和迴圈語句

js 條件分支語句和迴圈語句 一 條件分支語句 單分支語句 書寫格式 if 判斷條件 判斷條件 可以是乙個表示式 變數 具體值 工作原理 條件為真,執行大括號裡面的 塊,條件為假,則不執行。例 let state 1 if state 雙分支語句 書寫格式 if 判斷條件 else 工作原理 條件為...

js條件語句和迴圈

在js中,條件語句主要是以下 1.for迴圈 for 表示式1 表示式2 表示式3 2.for in迴圈遍歷物件的屬性或陣列中的元素 常用於遍歷物件 var obj for var k in obj script 就可以拿到物件的屬性值啦!3.while迴圈 條件為true進行迴圈,執行迴圈體程式,...

js 運算和條件語句

1.parseint 和 parsefloat 都遇到第乙個位元組是非數字就結束了。2.var a hello world a 這個變數是字串了,對於裡面的每乙個字母來說,他是位元組。裡面有11個位元組。位元組總數用length表示。4.符號運算 字串拼接 表示 的 對於點運算 點前面的叫物件 點後...