正文
Javascript入门(一)弹出方框
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
今天要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');