Javascript

Canvas includes a Vast Array of Javascript Plugins to enhance User Experience by providing useful functionality to your Website’s Users. The JS has been built on a very robust structure using Object Functions to initialize the Document and reuse them when needed.

The included JS Plugin files can be found in the js/ Folder.

Code Example

<script src="js/functions.js"></script>
Note:

Make sure that JS Files are always loaded at the bottom of the Page as in the Default HTML Files.

Including JS Files

  • Vanilla JS

    JS Plugins are Loaded based on Page Requirements by default. The js/functions.js File compiles the Page and load the JS Modules as and when required. No extra setup or heavy plugins are required to run Canvas as all the Core Functionalities run on Vanilla JS.

    Example:

    <script src="js/functions.js"></script>
  • Using jQuery

    Usage of jQuery is completely optional but required is using certain functionality like Animation Easing or some Plugins. By Default, our js/functions.js File will automatically load js/jquery.js on the Page if a Page is using a Plugin that requires jQuery.

    However, if you plan to use Custom Functions on the Page that requires jQuery, you will need to add it to the Page manually before the js/function.js JS Linking as below:

    Example:

    <script src="js/jquery.js"></script>
<script src="js/functions.js"></script>

Adding Custom JS Plugins/Codes

If you are planning to add Custom JS Plugins to your Page, make sure that the Plugin JS is always linked at the bottom of the Page before the js/functions.js JS Linking. And any Custom JS Codes like Plugin Initialization Codes or Google Analytics must be added after the js/functions.js JS Linking before the </body> Tag.

Last Modified: March 12, 2023

Need Help?