随机函数似乎与bootstrap模态事件

Question

似乎有冲突的功能

function makeHeader()
{
            var headerSites = [];
            headerSites.push("Home");
            headerSites.push("index.php");
            headerSites.push("Add exercise");
            headerSites.push("newExercise.php");
            headerSites.push("Calendar");
            headerSites.push("calendar.php");

            var currentPage = location.href.split("/").slice(-1);

            var header = "<div class='navbar-div'>";
            header += "<nav role='navigation' class='navbar navbar-default navbar-fixed-top'>";
            header += "<div class='navbar-header'>";
            header += "<button type='button' data-target='#navbarCollapse' data-toggle='collapse' class='navbar-toggle'>";
            header += "<span class='sr-only'>Toggle navigation</span>";
            header += "<span class='icon-bar'></span>";
            header += "<span class='icon-bar'></span>";
            header += "<span class='icon-bar'></span>";
            header += "</button";
            header += "<a href='#' class='navbar-brand'>Exercise Site</a>";
            header += "</div>";
            header += "<div id='navbarCollapse' class='collapse navbar-collapse'>";
            header += "<ul class='nav navbar-nav'>";
            for (index = 0; index < headerSites.length; index = index + 2)
            {
                if(currentPage == headerSites[index + 1])
                {

                header += "<li class='active'><a href='" + headerSites[index + 1] + "'>" + headerSites[index] + "</a></li>";
                }
                else
                {

                header += "<li><a href='" + headerSites[index + 1] + "'>" + headerSites[index] + "</a></li>";
                }
            }

            header += "</ul>";
            header += "<ul class='nav navbar-nav navbar-right'>";
            if(currentPage == "userInfo.php")
            {
                header += "<li class='active'><a href='userInfo.php'>";
            }
            else
            {
            header += "<li><a href='userInfo.php'>";
            }
            header += readCookie('username');
            header += "</a></li></ul></div></nav></div><br><br>";
            document.body.innerHTML = header + document.body.innerHTML;

}

我用window.onload

调用此函数

window.onload=function(){

            makeHeader();

模态函数在这里

 $(document).ready(function(){
    $("#myModal").on('show.bs.modal', function(event){
        var button = $(event.relatedTarget);  // Button that triggered the modal
        var titleData = button.data('title'); // Extract value from data-* attributes
        $(this).find('.dateVal').attr("value", titleData);
                });

});

如果我注释掉makeHeader（），它可以正常工作;但是运行该事件的函数似乎没有被调用我已经被警告（“错误”）;检查，它永远不会触发