Attention

TYPO3 v10 has reached end-of-life as of April 30th 2023 and is no longer being maintained. Use the version switcher on the top left of this page to select documentation for a supported version of TYPO3.

Need more time before upgrading? You can purchase Extended Long Term Support (ELTS) for TYPO3 v10 here: TYPO3 ELTS.

asset.script¶

ScriptViewHelper

Examples¶

<f:asset.script identifier="identifier123" src="EXT:my_ext/Resources/Public/JavaScript/foo.js" />
<f:asset.script identifier="identifier123">
   alert('hello world');
</f:asset.script>

Arguments¶

additionalAttributes¶

DataType: mixed
Required: false
Description: Additional tag attributes. They will be added directly to the resulting HTML tag.

data¶

DataType: mixed
Required: false
Description: Additional data-* attributes. They will each be added with a "data-" prefix.

class¶

DataType: string
Required: false
Description: CSS class(es) for this element

dir¶

DataType: string
Required: false
Description: Text direction for this HTML element. Allowed strings: "ltr" (left to right), "rtl" (right to left)

id¶

DataType: string
Required: false
Description: Unique (in this file) identifier for this HTML element.

lang¶

DataType: string
Required: false
Description: Language for this element. Use short names specified in RFC 1766

style¶

DataType: string
Required: false
Description: Individual CSS styles for this element

title¶

DataType: string
Required: false
Description: Tooltip text of element

accesskey¶

DataType: string
Required: false
Description: Keyboard shortcut to access this element

tabindex¶

DataType: integer
Required: false
Description: Specifies the tab order of this element

onclick¶

DataType: string
Required: false
Description: JavaScript evaluated for the onclick event

async¶

DataType: mixed
Required: false
Description: Define that the script will be fetched in parallel to parsing and evaluation.

crossorigin¶

DataType: string
Required: false
Description: Define how to handle crossorigin requests.

defer¶

DataType: mixed
Required: false
Description: Define that the script is meant to be executed after the document has been parsed.

integrity¶

DataType: string
Required: false
Description: Define base64-encoded cryptographic hash of the resource that allows browsers to verify what they fetch.

nomodule¶

DataType: mixed
Required: false
Description: Define that the script should not be executed in browsers that support ES2015 modules.

nonce¶

DataType: string
Required: false
Description: Define a cryptographic nonce (number used once) used to whitelist inline styles in a style-src Content-Security-Policy.

referrerpolicy¶

DataType: string
Required: false
Description: Define which referrer is sent when fetching the resource.

src¶

DataType: string
Required: false
Description: Define the URI of the external resource.

type¶

DataType: string
Required: false
Description: Define the MIME type (usually 'text/javascript').

identifier¶

DataType: string
Required: true
Description: Use this identifier within templates to only inject your JS once, even though it is added multiple times.

priority¶

DataType: boolean
Required: false
Description: Define whether the JavaScript should be put in the <head> tag above-the-fold or somewhere in the body part.