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

      

  • 相关阅读:
    python并发之concurrent.futures
    Twisted 简介
    Python进程、线程、协程的对比
    协程的优点(Python)
    python concurrent.futures
    gevent 协程 使用
    python高性能代码之多线程优化
    python并发编程之多进程、多线程、异步和协程
    Java——动态代理
    NHibernate之旅(14):探索NHibernate中使用视图
  • 原文地址:https://www.cnblogs.com/Jomini/p/8641100.html
Copyright © 2011-2022 走看看