JavaScript與html結合的兩種方式
阿新 • • 發佈：2018-12-14
JavaScript與html結合有兩種方式，下面就來介紹這兩種方式：
（1）<script type="text/javascript">js程式碼</script>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>javas與html結合</title> </head> <body> <script type="text/javascript"> alert("第一種方式"); </script> </body> </html>
(2)使用script標籤，引入一個外部的js檔案
js檔案內的程式碼:
alert("第二種方式");html程式碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>javas與html結合</title> </head> <body> <script type="text/javascript" src="1.js"> </script> </body> </html>
執行結果:
注意：
引入外部js檔案時，不要在script標籤裡再寫js程式碼了，不會執行。
如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>javas與html結合</title> </head> <body> <script type="text/javascript" src="1.js"> alert("再次寫入！"); </script> </body> </html>
執行結果和第二種結合方式執行結果相同，並沒有彈出“再次寫入！”這個小視窗。