Js和html相結合的方式
目錄
js和html相結合的方式
使用外部JavaScript
在哪裏放置javascript
js和html相結合的方式
當js腳本寫好以後 如何來使用js呢，有2種方式對js進行調用，
l
js代碼和html代碼都寫在html網頁中
l
將js文件單獨寫在一個文件中，而後使用引入到html語言中
這樣，<script type="text/javascript"> 和 </script> 就能夠告訴瀏覽器 JavaScript 從何處開始，到何處結束。
| <html>
<head>
<title></title>
</head>
<body>
<script type = "text/javascript">
//js代碼區域
alert("hello js!");
</script>
</body>
</html>
|
使用外部JavaScript
有時，你也許但願在若干個頁面中運行 JavaScript，同時不在每一個頁面中寫相同的腳本。
爲了達到這個目的，你能夠將 JavaScript 寫入一個外部文件之中。而後以 .js 爲後綴保存這個文件。而後把 .js 文件指定給 <script> 標籤中的 "src" 屬性，就可使用這個外部文件了：
當網頁打開後會調用script中的代碼
HTML文件
| <html>
<head>
<title></title>
</head>
<body>
<script type = "text/javascript" src = "myJavascript.js"></script>
</body>
</html>
|
JS文件
建立一個.js文件名字叫作myJavascript.js而後將這個文件和html文件放在一塊兒
當在HTML文件中連接好了這個js文件，之後就能夠在這個js文件裏寫代碼了。
|
alert( "hello js!" );
|
提示：
一旦在script標籤中引入了src屬性，而且連接了.js文件，那麼再在<script></script>標籤中的嵌入代碼將均不會被執行。
在哪裏放置javascript
代碼本身從新總結
頁面中的腳本會在頁面載入瀏覽器後當即執行。咱們並不總但願這樣。有時，咱們但願當頁面載入時執行腳本，而另外的時候，咱們則但願當用戶觸發事件時才執行腳本。
位於 head 部分的腳本：
當腳本被調用時，或者當事件被觸發時，腳本就會被執行。當你把腳本放置到 head 部分後，就能夠確保在須要使用腳本以前，它已經被載入了。
| <html>
<head>
<script type="text/javascript">
....
</script>
</head>
....
|
位於 body 部分的腳本：
在頁面載入時腳本就會被執行。當你把腳本放置於 body 部分後，它就會生成頁面的內容。
| <html>
<head>
</head>
<body>
<script type="text/javascript">
....
</script>
</body>
</html>
|
在 body 和 head 部分的腳本：
你能夠在文檔中放置任何數量的腳本，所以你既能夠把腳本放置到 body，又能夠放置到 head 部分。
| <html>
<head>
<script type="text/javascript">
....
</script>
</head>
<body>
<script type="text/javascript">
....
</script>
</body>
</html>
|
- 1. js與html結合方式
- 2. css和html的四種結合方式
- 3. CSS和HTML的四種結合方式
- 4. JavaScript 基礎學習（二）js 和 html 的結合方式
- 5. JS與HTML的整合方式
- 6. css與html的三種結合方式
- 7. html引入html(經過js方式)
- 8. JS 和 Native 互相調用方式
- 9. 判斷瀏覽器（IE）版本，html方式和js方式
- 10. JS 之基本語法 & html結合
- 更多相關文章...
- • Redis和數據庫的結合 - Redis教程
- • IP地址的格式和分類 - TCP/IP教程
- • 常用的分佈式事務解決方案
- • NewSQL-TiDB相關
-
每一个你不满意的现在，都有一个你没有努力的曾经。