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 Data Definition group to be displayed. |
No | Indicates that custom JavaScript will not be used. | N/A |
JS reference
| Note |
|---|
Only displayed when Include custom JavaScript is set to ‘Yes’. |
...
This group contains all the fields necessary for defining a reference to a single JavaScript file.
| Info |
|---|
You can add as many JavaScript references as you need. → Detail: Proliferating Data Definition items |
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 Data Definition 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 Data Definition fields to display. |
File
| Note |
|---|
Only displayed when Type is set to ‘Asset’. |
...
Use the asset chooser to select the desired JavaScript file in your Cascade site.
URL
| Note |
|---|
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 no 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
| Note |
|---|
Only displayed when Type is set to ‘URL’. |
...
Some websites also provide integrity and crossorigin attribute values with their hosted files.
| Code Block |
|---|
<script .... crossorgin=”....” integrity=”....”></script> |
Use the Crossorigin handling and Integrity fields to provide the respective values.