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

      

  • 相关阅读:
    简单的描述关于开发部署产生401,500的错误处理
    文件的批量打包下载
    json的序列化与反序列化
    实现MD5的加密和解密
    dropdownlist的OnSelectedIndexChanged方法不触发
    sqlserver错误2,error 40
    C#存储过程调用的三个方法
    SQL Server 错误:924 解决方法
    判断是否在时间间隔内
    切面添加日志
  • 原文地址:https://www.cnblogs.com/Jomini/p/8641100.html
Copyright © 2011-2022 走看看