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">&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>