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>
Copied!

Source code

Go to the source code of this ViewHelper: ScriptViewHelper.php (GitHub).

Arguments

The following arguments are available for <f:asset.script>:

Name Type Default
additionalAttributes
 mixed
data
 mixed
aria
 mixed
class
 string
dir
 string
id
 string
lang
 string
style
 string
title
 string
accesskey
 string
tabindex
 integer
onclick
 string
async
 boolean
crossorigin
 string
defer
 boolean
integrity
 string
nomodule
 boolean
nonce
 string
referrerpolicy
 string
src
 string
type
 string
identifier
 string
priority
 boolean
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.