Attention
TYPO3 v11 has reached end-of-life as of October 31th 2024 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 v11 here: TYPO3 ELTS.
Asset.script ViewHelper <f: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>
Source code
Go to the source code of this ViewHelper: ScriptViewHelper.php (GitHub).
Arguments
The following arguments are available for <f::
additionalAttributes
-
- Type
- mixed
Additional tag attributes. They will be added directly to the resulting HTML tag.
data
-
- Type
- mixed
Additional data-* attributes. They will each be added with a "data-" prefix.
aria
-
- Type
- mixed
Additional aria-* attributes. They will each be added with a "aria-" prefix.
class
-
- Type
- string
CSS class(es) for this element
dir
-
- Type
- string
Text direction for this HTML element. Allowed strings: "ltr" (left to right), "rtl" (right to left)
id
-
- Type
- string
Unique (in this file) identifier for this HTML element.
lang
-
- Type
- string
Language for this element. Use short names specified in RFC 1766
style
-
- Type
- string
Individual CSS styles for this element
title
-
- Type
- string
Tooltip text of element
accesskey
-
- Type
- string
Keyboard shortcut to access this element
tabindex
-
- Type
- integer
Specifies the tab order of this element
onclick
-
- Type
- string
JavaScript evaluated for the onclick event
async
-
- Type
- boolean
Define that the script will be fetched in parallel to parsing and evaluation.
crossorigin
-
- Type
- string
Define how to handle crossorigin requests.
defer
-
- Type
- boolean
Define that the script is meant to be executed after the document has been parsed.
integrity
-
- Type
- string
Define base64-encoded cryptographic hash of the resource that allows browsers to verify what they fetch.
nomodule
-
- Type
- boolean
Define that the script should not be executed in browsers that support ES2015 modules.
nonce
-
- Type
- string
Define a cryptographic nonce (number used once) used to whitelist inline styles in a style-src Content-Security-Policy.
referrerpolicy
-
- Type
- string
Define which referrer is sent when fetching the resource.
src
-
- Type
- string
Define the URI of the external resource.
type
-
- Type
- string
Define the MIME type (usually 'text/javascript').
identifier
-
- Type
- string
- Required
true
Use this identifier within templates to only inject your JS once, even though it is added multiple times.
priority
-
- Type
- boolean
Define whether the JavaScript should be put in the <head> tag above-the-fold or somewhere in the body part.