創建頁面加載

我想插入此模式對話框在我的網頁一個模式對話框，但是我沒有這個代碼的CSS：創建頁面加載

http://www.bootply.com/testazoid/14LH4kZul2#

2017-04-30 Fernando Salazar

這種模式的引導。你需要引導JS和CSS

請參閱本https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_modal&stacked=h

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
    
 
    <script> 
 
    $(document).ready(function(){ 
 
     $('#myModal').modal('show'); 
 
    }); 
 
    </script> 
 
    
 

 
<div class="container"> 
 
    <h2>Modal Example</h2> 
 
    <!-- Trigger the modal with a button --> 
 
    <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 
 

 
    <!-- Modal --> 
 
    <div class="modal fade" id="myModal" role="dialog"> 
 
    <div class="modal-dialog"> 
 
    
 
     <!-- Modal content--> 
 
     <div class="modal-content"> 
 
     <div class="modal-header"> 
 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
      <h4 class="modal-title">Modal Header</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
      <p>Some text in the modal.</p> 
 
     </div> 
 
     <div class="modal-footer"> 
 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
     </div> 
 
     </div> 
 
     
 
    </div> 
 
    </div> 
 
    
 
</div>

來源

2017-04-30 17:41:50

但我希望它立即加載頁面加載。 –

找你可能會尋找這個

<body onload="myFunction()"> 
 

 
<h1>Hello World!</h1> 
 

 
<script> 
 
function myFunction() { 
 
    alert("Page is loaded"); 
 
} 
 
</script> 
 

 
</body> 
 
</html>

來源

2017-04-30 20:33:07

創建頁面加載

回答

相關問題