Navigating to another HTML Page in Apps for Office gets Office.js has not been fully loaded yet <p>This is in regards to Apps for Office.</p> <p>I have two pages: <em>Home.html</em> and <em>Details.Html</em>. Once I load some data into a table in Excel, I then use <code>location.href="Details.html"</code> to load the page <em>Details.html</em>. Within Details the Javascript file has:</p> <pre><code> Office.initialize = function (reason) { $(document).ready(function () { app.initialize(); $('#get-employee-details').click(getEmployeeDetails); }); }; </code></pre> <p>But before it even gets to that code, I get an error coming from office.js stating: </p> <blockquote> <p>Unhandled exception at line 11, column 11313 in <a href="https://appsforoffice.microsoft.com/lib/1.1/hosted/office.js" rel="nofollow">https://appsforoffice.microsoft.com/lib/1.1/hosted/office.js</a></p> <p>0x800a139e - JavaScript runtime error: Office.js has not been fully loaded yet. Please try again later or make sure to add your initialization code on the Office.initialize function.</p> </blockquote> <p>The only Javascript code is inside the Office initialize function so I am lost as to why I am getting this error.</p>