Invoking a function from an external JavaScript file

Question

Invoking a function from an external JavaScript file

Looking for a way to call a function from an external JavaScript file?

Here are the specifics:

Within the head tag, include the following script:

<script type="text/javascript" src="JScript/FontSize.js"></script>

The FontSize.js file you want to call contains these functions:

function checkCookie()

function setCookie(c_name, value, expiredays)

function getCookie(c_name)

function increaseFontSize()

function decreaseFontSize()

The FontSize.js is located in the ~/Jscript/ directory

To make the call to the function from the external JavaScript file, include something like this in the body onload attribute:

<body onload="/JScript/Fontsize.js/checkCookie()">

If things aren't working as expected, it could be because of how the call to a function in an external JS file is made.

asp.net javascript path call

Answer 1

Answer №1

You can simply refer to it as if it is local :)

<body onload="checkCookie()">

Alternatively, you can handle it in a script:

window.onload = checkCookie;

When you define a function without being within another object or namespace, it becomes globally accessible. You can call it as if it was defined right before your current code. By default, these functions will be associated with the window object. You can view a short demonstration here.

For instance (it doesn't matter where this function is defined, whether internal or external):

function myFunc() { alert('hi'); }
myFunc();
window.myFunc(); // same invocation, unless there's another myFunc in a more immediate scope

Answer 2

You can simply refer to it as if it is local :)

<body onload="checkCookie()">

Alternatively, you can handle it in a script:

window.onload = checkCookie;

When you define a function without being within another object or namespace, it becomes globally accessible. You can call it as if it was defined right before your current code. By default, these functions will be associated with the window object. You can view a short demonstration here.

For instance (it doesn't matter where this function is defined, whether internal or external):

function myFunc() { alert('hi'); }
myFunc();
window.myFunc(); // same invocation, unless there's another myFunc in a more immediate scope

Answer 3

Answer №2

  <html>
        <head>
            <script type="text/javascript" language="javascript" src="app.js"></script>
        </head>
        <body>

    <!--The included app.js file contains xyz() function.. -->
            <script>
              <!--    xyz(); -->
            </script>
        </body>
    </html>

Answer 4

  <html>
        <head>
            <script type="text/javascript" language="javascript" src="app.js"></script>
        </head>
        <body>

    <!--The included app.js file contains xyz() function.. -->
            <script>
              <!--    xyz(); -->
            </script>
        </body>
    </html>

Invoking a function from an external JavaScript file

Answer №1

Answer №2

Similar questions

Creating a JSON representation of a complete graph from NEO4J using JavaScript

React table row render error

Identify when an ajax request is completed in order to trigger a subsequent ajax request

Unexpected event in Coffeescript and Express framework: a tangled web of mysteries

How to Call a Nested Object in JavaScript Dynamically?

How can I create a full screen button in WebGL with HTML and JavaScript?

Having trouble accessing the properties of an undefined variable (reading 'VSCODE_TEXTMATE_DEBUG')

The `res.download(filepath)` function seems to be failing to initiate a download request on the user's

Ways to transfer update panel data to an Excel spreadsheet

My goal is to display the information retrieved from my AJAX response within my jQuery data table

Creating unique jQuery objects by comparing specific object properties

Get the image data from a Nuxt 3 REST API endpoint

Saving IConfiguration in the latest version (Microsoft.Framework.ConfigurationModel in Asp.Net Mvc 6.0.0-beta4)

Ways to ensure certain code is executed every time a promise is resolved in Angular.js

Angular - the utilization of expressions in view templates

Obtaining a Comprehensive Response (not limited to just the body) through Angular 4 HTTP Requests

How can I refresh a DataList that is bound to a database in ASP .NET?

Understanding the method of recovering a nested promise

jquery detecting changes and enabling readonly attribute

Tips for creating a toggle menu using JavaScript