HTML Pages

HTML5.0 and CSS 3.0
Visual Web Developer Express
Internet Explorer - Debugging Tools


Document Object Model

The DOM is an object orientated representation of the document (or page) in memory
The browser reads the HTML file and identifies all the dependencies
Any external dependencies have to be requested from the server before it can build the DOM
The DOM represents the document structure, style and content
The contents of the DOM can be modified using an API
The browser uses the DOM and the standard APIs to allow the web page to be accessible from an ECMAScript scripting language (or JavaScript).
The following are examples of common APIs:
document.getElementById
element.innerHTML
window.onload
console.log


Initializing your add-in

Your code must not call any Office.js APIs until this library is fully loaded
There are two ways that your code can ensure that the library is loaded.
Using Office.initialize to handle the initialize event that fires when the Office.js library is fully loaded and ready for user interaction.
Using Office.onReady to check to see if the Office.js library is fully loaded


Office.initialize




Office.onReady

Office.onReady() is an asynchronous method that returns a Promise object while it checks to see if the Office.js library is fully loaded.
When, and only when, the library is loaded, it resolves the Promise as an object.
That object specifies the Office host application with an Office.HostType enum value and the platform with an Office.PlatformType enum value.
If the library is already loaded when Office.onReady() is called, then the Promise resolves immediately.




© 2019 Better Solutions Limited. All Rights Reserved. © 2019 Better Solutions Limited TopNext