bootstrap彈出新視窗
阿新 • • 發佈：2019-01-12
<html>
<head>
<link rel="stylesheet" href="js/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="js/bootstrap-responsive.css" type="text/css" />
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</head>
<body>
<a class="btn" id="open">彈窗</a>
<div id="myModal" class="modal hide fade">
<div class="modal-body">
<iframe id="myIframe" width="100%" height="100%"></iframe>
</div>
</div>
</script>
</body>
<script>
$("#open").click(function(){
$("#myIframe").attr("src","test.html");
$('#myModal').modal({show:true});
});
</script>
</html>
<head>
<link rel="stylesheet" href="js/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="js/bootstrap-responsive.css" type="text/css" />
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</head>
<body>
<a class="btn" id="open">彈窗</a>
<div id="myModal" class="modal hide fade">
<div class="modal-body">
<iframe id="myIframe" width="100%" height="100%"></iframe>
</div>
</div>
</script>
</body>
<script>
$("#open").click(function(){
$("#myIframe").attr("src","test.html");
$('#myModal').modal({show:true});
});
</script>
</html>