Skip to documentation content

Javascript

On this page

    The javascript object and methods for adding scripts.

    {{ javascript }}

    Properties
    Name Type Description
    object_type string Will always be javascript
    is_valid boolean True if this references a published javascript
    guid string The unique identifier for this javascript
    value string Contains the same value as guid
    name {{ text }} The name of the javascript which, when combined together with the path, uniquely identifies the javascript on this site
    path string The path, excluding filename, of this javascript used for organizational and reference purposes
    script {{ code }} The source code for the script
    url string The full public URL for this javascript in the CDN
    parse_liquid boolean When true, indicates that this javascript should be parsed and rendered using liquid markup before being stored in the CDN for future reference
    pre_includes {{ javascripts }} Additional javascript objects to bundle together and output before the current script
    post_includes {{ javascripts }} Additional javascript objects to bundle together and output after the current script
    minify boolean When true, specifies that the current script should automatically be minified before being output
    script_compiled string The final result of bundling, compiling, and minifying this javascript object
    field_id string The identifier for this field
    label string The label for this field
    output string Adds the javascript to the document head, similar to calling {% add_javascript %} with it
    Example Inline javascript from templateOutput inline JavaScript from template variables (e.g. for config or data) with proper escaping.
    Liquid
    <script>{% include javascript "/javascript/inlined/blog" %}</script>
OR
{%- javascript js = "/javascript/inlined/blog" -%}
{%- if js is_valid -%}
<script>{% include js %}</script>
{%- endif -%}

    {{ javascripts }}

    Contains multiple scripts.

    Properties
    Name Type Description
    object_type string Will always be javascripts
    is_valid boolean True if this contains at least one published javascript
    output string The default output that the javascripts will produce when it is output directly to the template - using the "output_in_list" property of each javascript in the items list
    prepended list List containing any prepended javascripts.
    fetched list List containing all of the javascripts that were fetched from the database (as opposed to prepended or appended).
    appended list List containing any appended javascripts.
    appended_unique list List containing any appended javascripts excluding any javascripts that are in either the list of prepended or fetched javascripts.
    items list List containing all of the combined javascripts from the prepended, fetched, and appended lists. If unique is true, this list will not contain any duplicates. If max_size is set, this list will not contain more than the number of javascripts specified.
    size integer The total number of javascripts in the items list, including prepended, fetched, and appended lists, and respecting the unique and max_size properties.
    max_size integer If set, this is the maximum number of items that will be returned in the items list and the maximum number of items that will be included when this javascripts object is enumerated as a list. When not set, this value will be 0.
    unique boolean When true, the items list will not contain any duplicates. Only the first instance of each javascript will be included.
    limit integer The maximum number of items that were allowed to be in the list of fetched javascripts. May be 0 in some cases (such as when when there are no fetched javascripts.
    start integer The 1-based index of the first item in the list of fetched javascripts.
    page integer The 1-based index of the paginated results returned in the list of fetched javascripts, which is calculated from the start and limit parameters. Useful for paginated results.
    total_count integer The 1-based index of the first item in the list of fetched javascripts
    total_pages integer If any items were fetched from the database, total_pages will contain the number of paginated result pages in the database for the provided arguments. This may also be calculated using the total_count and limit properties.

    {% javascript %}

    {% javascript output_to_template? [[var, set, or assign]? variable]? output_to_template? = value %}
    Parameters
    output_to_template optionalflag
    If included the {% javascript %} will be output directly to the template.
    var, set, or assign optionalkeyword
    Optional. Specify either "var", "set" or "assign" to change which scope this {% javascript %} is stored on. "var" is the default behavior.
    variable_name optionalvariable
    Specify a variable name in order to save this javascript to a variable. If not specified, it will be output to the template instead.
    value requiredexpression
    Should evaluate to an object of type javascript, or the name or guid of one. May use liquid filters.

    Fetches a single {{ javascript }}.

    Example Inline javascript from templateOutput inline JavaScript from template variables (e.g. for config or data) with proper escaping.
    Liquid
    <script>{% include javascript "/javascript/inlined/blog" %}</script>
OR
{%- javascript js = "/javascript/inlined/blog" -%}
{%- if js is_valid -%}
<script>{% include js %}</script>
{%- endif -%}

    {% javascripts %}

    {% javascripts output_to_template? [[var, set, or assign]? variable]? output_to_template? = arguments %}
    Parameters
    output_to_template optionalflag
    If included the {% javascripts %} will be output directly to the template.
    var, set, or assign optionalkeyword
    Optional. Specify either "var", "set" or "assign" to change which scope this {% javascripts %} is stored on. "var" is the default behavior.
    variable optionalvariable
    arguments requiredcollection
    Key:value pairs. May use the variable arguments syntax.

    Options

    prepend optionallist
    May be a single javascript, a list of javascripts, or the name or guid of one javascript, to be included at the beginning of the javascripts list.
    append optionallist
    May be a single javascript, a list of javascripts, or the name or guid of one javascript, to be included at the end of the javascripts list.
    exclude optionallist
    May be a single javascript, a list of javascripts, or the name or guid of one javascript that should NOT be included in the fetched results. Has no effect on prepended or appended javascripts.
    exclude_prepended optionalboolean
    True to specifically exclude all prepended javascripts from the fetched results. If "unique:true" is specified this is the default behavior, although you may also specify "exclude_prepended:false" to allow any prepended items to be fetched along with other results anyway.
    exclude_appended optionalboolean
    True to specifically exclude all appended javascripts from the fetched results. This is false by default - even if "unique:true" is specified - so that results are returned in the proper order.
    unique optionalboolean
    True to remove duplicates from each of the resulting lists (prepended, fetched, appended, and items), although there may be duplicates between the prepended, fetched, and appended lists. The "items" list will include objects in the order in which they appear - with prepended items first, then fetched items, then appended items.
    max_size optionalinteger
    The maximum number of items to be included in the "items" list. If there are any prepended or appended items, this will automatically lower the "limit" to only fetch as many javascripts as needed. Note that this may also impact both the "page" and "total_pages" values in the resulting javascripts. In order to use pagination with a list loaded using "max_size" use "start" instead of "page" and "limit".
    minify optionalvalue
    Only include javascript objects that have the specified boolean value for their minify setting
    path optionalvalue
    May include multiple paths. Only include javascript objects with one of the given paths (excluding child paths)
    date_created_start optionalvalue
    Only include javascript objects with date_created greater than or equal to date_created_start. Remember that date_created will typically be the date that the javascript objects was first published.
    date_created_end optionalvalue
    Only include javascript objects with date_created less than or equal to date_created_end. Remember that date_created will typically be the date that the javascript object was first published.
    start optionalinteger
    Set the 1-based index of the first javascript to fetch.
    page optionalinteger
    Used to automatically calculate the first javascript to fetch based on both the "limit" and the 1-based "page" value. Defaults to 1, but is ignored if "start" is set.
    limit optionalinteger
    The maximum number of javascripts to fetch. Defaults to 10. Note that if "max_size" is defined, then "limit" may be automatically lowered even if specified separately.
    sort_by optionalstring
    Specify which property to sort the results by. Has no effect on prepended or appended javascripts. Options include:
    • date_created: the date each javascript was first published. Unpublishing and republishing one resets date_created to the current date.
    • random: results will be returned in a random order, which prevents the page from being fast-cached. Setting cache_random:true overrides this behavior and allows the page to be fast-cached anyway.
    • name
    • title
    • url
    • browser_title
    sort_direction optionalstring
    asc or desc.
    cache_random optionalboolean
    True to allow the results to be cached when sort_by is "random".

    Fetches a list of {{ javascripts }}.