Javascript入門(一)彈出方框
阿新 • • 發佈：2018-03-24
set hello 嵌入 ctype 效果 gpo bsp 技術 sage
今天要javascript做一個用網頁彈出框框的效果，雖然沒什麽卵用。
效果如圖，彈出一個“hello world”的框框。
1. 新建一個html 頁面, 如圖：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html>
2. 接下有用三種方式彈出框框：
方式一：(不推薦)行間事件，直接在<body>裏寫入彈出信息。彈出方式, 打開頁面，點擊button，彈出
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="button" name="" onclick="alert(‘ok‘!);"> </body> </html>
方式二：頁面script標簽嵌入。彈出方式，打開頁面直接彈出；
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript">var message = "Hello" alert(message); </script> </head> <body> </body> </html>
方式三：外部引入。彈出方式，打開頁面直接彈出
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="js/test1.js"></script> </head> <body> </body> </html>
然後在js目錄下新建一個文件 test1.js
alert(‘hello world‘);
Javascript入門(一)彈出方框