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入門(一)彈出方框