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

      

  • 相关阅读:
    Spark之 SparkSql整合hive
    Spark之 使用SparkSql操作Hive的Scala程序实现
    Spark之 RDD转换成DataFrame的Scala实现
    Spark之 SparkSql、DataFrame、DataSet介绍
    Spark之 RDD
    Spark scala和java的api使用
    设计模式之四观察者模式
    设计模式之三静态代理模式
    设计模式之二装饰者模式
    设计思想之二面向接口编程
  • 原文地址:https://www.cnblogs.com/Jomini/p/8641100.html
Copyright © 2011-2022 走看看