1. 程式人生 > 其它 >2、在點選執行後,加個alert提示彈框,提示執行完成

2、在點選執行後,加個alert提示彈框,提示執行完成

直接在html頁面中編寫程式碼就可以:

1、先在head中新增方法,提示"執行完成"

2、再在body裡面的button提交中,呼叫方法,表示點選”點我執行“後,會執行彈窗提示:執行完成

3、完整html程式碼

<!DOCTYPE html>
{% load staticfiles %}
<html lang="en">
<head>
    <meta charset="UTF-8">
<!--    <title>身份證號生成器</title>-->
    <link rel="stylesheet"
href="{% static 'css/plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css' %}"> <link rel="stylesheet" href="{% static 'css/css1/dsb.css' %}"> <script type="text/javascript"> function test(){ var i = "執行完成"; alert(i); } </script> </head> <style
type="text/css"> body { padding-top: 10px; } .main { margin-left: 20px; } </style> <body> <div class="container-fluid"> <div class="row"> <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main"> <h2
class="sub-header">新增服務</h2> <form method="post" action="/create_rip_url/"> <br> <label> URL:</label> <button class="btn btn-primary btn-sm" onclick = "test();">點我執行</button> <br/> </form> </div> </div> </div> </body> </html>

4、頁面顯示