利用bootstrap实现简单的弹窗

首先引入bootstrap的js库和jquery库

例如：

<script src="/js/"></script>

<script src="/js/"></script>

写js方法：

例如：
 

function chstatConfirm(flag, params) {
		if ($("#myConfirm").length > 0) {
			$("#myConfirm").remove();
		}
		var html = "<div class='modal fade' id='myConfirm' >"
				+ "<div class='modal-backdrop in' style='opacity:0; '></div>"
				+ "<div class='modal-dialog' style='z-index:2901; margin-top:60px; width:400px; '>"
				+ "<div class='modal-content'>"
				+ "<div class='modal-header'  style='font-size:16px; '>"
				+ "<span class='glyphicon glyphicon-envelope'> </span>选定知识点<button type='button' class='close' data-dismiss='modal'>"
				+ "<span style='font-size:20px;  ' class='glyphicon glyphicon-remove'></span><tton></div>"
				+ "<div class='modal-body text-center' id='myConfirmContent' style='font-size:18px; '>"
				+ "这个弹窗好看吗？" + "</div>"
				+ "<div class='modal-footer ' style=''>"
				+ "<button class='btn btn-danger ' id='confirmOk' >不错~<tton>"
				+ "<button class='btn btn-info ' data-dismiss='modal'>很丑！<tton>"
				+ "</div>" + "</div></div></div>";
		$("body").append(html);


		$("#myConfirm").modal("show");


		$("#confirmOk").on("click", function() {
			$("#myConfirm").modal("hide");
			add(flag, params); // 执行函数
		});
	}
		function add(a,b){
			alert("bootstrap弹窗");
		}

出自：/bootstrap/