html5 jquery bootstrap modal load No Jquery
Usually use jquery load url https://stackoverflow.com/questions/34503683/jquery-to-open-bootstrap-v3-modal-of-remote-url Only use html5 https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML https://stackoverflow.com/questions/17636528/how-do-i-load-an-html-page-in-a-div-using-javascript <a href="url ooxxooxx" data-toggle="modal" data-target="#myModal" onclick="myModal(this)"> click me </a> <div id="part3dviewModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body"> <p>Loading...</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script> function myModal(o){ p = document.querySelector("#myModal .modal-body"); p.innerHTML = '<object type="text/html" data="' + o.href + '" ></object>'; } </script>