使用js實現在頁面輸出hello
阿新 • • 發佈：2021-02-08
使用內部、外部、行內的方式， 使用js實現在頁面輸出hello
內部
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>第一章，js</title> </head> <body> <script type="text/javascript"> document.write("<h1>hello!!!</h1>");//內部 </script> </body> </html>
結果
外部
<!DOCTYPE html <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>第一章，js</title> </head> <body> <script type="text/javascript" src =1.js>//外部js </script> </body> </html> //用了for迴圈 for(var i=0; i<5;i++){ document.write("<h1>hello!!!</h1>"); }
結果
行內
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>第一章，js</title> </head> <body> <script> alert("hello!!!!!");//彈窗 </script> </body> </html>
結果