2、在點選執行後,加個alert提示彈框,提示執行完成
阿新 • • 發佈:2021-09-01
直接在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、頁面顯示