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');

posted @ 2018-03-24 19:41 抽象Java 阅读(309) 评论(0) 编辑收藏举报

Jomini

Javascript入门(一)弹出方框

公告