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>
執行結果和第二種結合方式執行結果相同,並沒有彈出“再次寫入!”這個小視窗。