This pattern is used for referencing custom JavaScript files.
How this works
Include custom JavaScript
Selection | What this means | What this triggers |
|---|---|---|
Yes | Indicates that custom JavaScript will be used. | Causes the JavaScript reference group to be displayed. |
No | Indicates that custom JavaScript will not be used. | N/A |
JS reference
This group contains all the fields necessary for defining a reference to a single JavaScript file.
Need more than one JS reference? You can create additional groups to fit your needs.
Type
Selection | What this means | What this triggers |
|---|---|---|
Asset | Indicates the JavaScript file is located in Cascade as a part of your site. | Causes the File field to display. |
URL | Indicates the JavaScript file exists somewhere on the web (not part of your site). | Causes the URL, Crossorigin handling, and Integrity fields to display. |
File
Only displayed when Type is set to ‘Asset’.
Use the asset chooser to select the desired JavaScript file in your Cascade site.
URL
Only displayed when Type is set to ‘URL’.
Enter the full URL of the CSS file in the URL text field.
Placement
Indicates where in the html document the JavaScript file reference will be placed.
Selection | What this means | What this triggers |
|---|---|---|
<head> | The JavaScript reference will be included in the html document head. | N/A |
<body> | The JavaScript reference will be included at the end of the html document body. | N/A |
Execution option
Selection | What this means | What this triggers |
|---|---|---|
Default | Has not affect. | N/A |
defer | Sets the defer attribute on the script reference. | N/A |
async | Sets the async attribute on the script reference. | N/A |
Crossorigin handling and Integrity
Only displayed when Type is set to ‘URL’.
Some websites also provide integrity and crossorigin attribute values with their hosted files.
<script .... crossorgin=”....” integrity=”....”></script>
Use the Crossorigin handling and Integrity fields to provide the respective values.