當咱們在網頁設計使用到javascript的時候,都會在html裏對js進行一個聲明,以便咱們可以使用js來對網頁的「行爲」進行控制。對於剛開始學習js時可能會像我同樣糾結過...js均可以放在哪裏?
因此下面我向各位和我同樣的小蝦米同志說說我小總結,對於js的聲明位置的一個小分享。
我將js的聲明按位置分爲了兩大類and嵌套4小類:
1、html內部聲明:
1.在head中聲明js:
<html>
<head>
<script type="text/javascript">
alert("第一個測試 !");
</script>
<title>test1</title>
</head>
<body>
</body>...
這種方式算比較常見的哦,不過因爲瀏覽器是順序執行的,因此種聲明的狀況有時會出現,未定義的狀況,當遇到這種狀況時,各位親就要看看是否是聲明位置的緣由了。
2.在body中聲明js:
<!DOCTYPE html>
<html>
<head>
<title>test2</title>
</head>
<body>
<script type="text/javascript">
alert("測試2!!");
</script>
</body>...
這種方式就很常見了,記得在開始學習時,大神告訴我</script>挨着</body>比較好,由於對於瀏覽器而言它要先解析html的「骨架」,再來解析js的「行爲」控制。so記住吧...
3.在行內式中聲明js:
<html>
<head>
<title>行內式javascript</title>
</head>
<body>
<input type="button" value="按一下試試!" onclick="alert('這就是行內式');">
<br/>
<input type="button" value="再試試!" onmouseover="javascript:alert('這也是行內式');">
</body>
</html>
這算是一種爲非主流吧,不過這樣作也是能夠的,雖然它是被我當作是殺馬特,不過在有些時候咱們也會用到的這個不解釋哈。
2、html外部聲明:
4.
<html>
<head>
<script type="text/javascript" src="test3.js">
</script>
<title>test3</title>
</head>
<body>...
外部聲明也是很常見的,並且我以爲外部式,它是最可以體現將網頁設計的「骨架」、「渲染」、「行爲」分離開來的設計思想理念的。
不過那種方法,在一個項目之中可能多種聲明位置都會用到,因此知道比不知道好,嘿嘿,不廢話了~~
javascript