用vs做WebForm的彈窗事件
阿新 • • 發佈:2020-12-27
技術標籤:webformjshtmljavascriptweb
##前幾天做個手機端網頁,但是彈窗一直是實現不了;
###現在成功了,來寫個錯誤日記
下面展示一些 前端js程式碼
。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head >
<meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8" />
<title>ok</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mui/3.7.1/js/mui.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/mui/3.7.1/css/mui.min.css" rel="stylesheet"/>
</head>
<body class= "ui-page">
<div>
<div class="mui-content">
<div class="mui-content-padded" style="margin: 5px;text-align: center;">
<button id='confirmBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">確認訊息框< /button>
</div>
</div>
<script type="text/javascript" charset="utf-8">
//mui初始化
mui.init({
swipeBack: true //啟用右滑關閉功能
});
//document.getElementById(<%#Eval("id")%>)
// <button id='<%#Eval("id")%>' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">刪除</button>
//這是有多個數據的思路
document.getElementById("confirmBtn").addEventListener('tap', function() {
var btnArray = ['否', '是'];
mui.confirm('確認要刪除嗎!', '刪除', btnArray, function(e) {
// 否:e.index=0;是:e.index=1;
if (e.index == 1) {
//跳轉頁面
window.location.href = 'WebForm3.aspx';
//window.location.href = "WebForm4.aspx?id=<%#Eval("id")%>";
} else {
}
})
});
</script>
</div>
</body>
</html>