zoukankan      html  css  js  c++  java
  • 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');

      

  • 相关阅读:
    【洛谷P2660烤鸡】
    cogs448
    排队打水
    洛谷U36590搬书
    NOIP2012借教室
    归并排序模版
    NOIP2015神奇的幻方
    NOIP2006能量项链
    NOIP2003加分二叉树
    NOI1995石子合并&多种石子合并
  • 原文地址:https://www.cnblogs.com/Jomini/p/8641100.html
Copyright © 2011-2022 走看看