首頁 > 開發者 > JavaScript
標籤：asc png 入門 ack 分享圖片 rip bsp span height
今天要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入門(一)彈出方框
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
