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">&times;</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>