How do you automatically call a function in html?

how do I automatically execute javascript?

I know of , but I just thought maybe there is another way to do it?

html:

javascript:

[function[]{var text = document.getElementById['test'].innerHTML;var newtext = text.replace['', ''];return newtext;}][];

I wanna get the text within "test", replace certain parts, and then output it to the browser.

Any ideas on how to do it? I'd appreciate any help. Thanks.

YOU

116k32 gold badges184 silver badges216 bronze badges

asked Apr 15, 2010 at 10:56

1

If you don't want to use which is good choice in terms of obtrusive javascript, you can separate that and put you code like this:

window.onload = function[]{
  // your code here
};

Alternative:

Place your javascript code at the bottom of the page.

answered Apr 15, 2010 at 10:59

SarfrazSarfraz

371k73 gold badges529 silver badges574 bronze badges

2

Place the script at the bottom of the page, outside the closing body tag..

answered Apr 15, 2010 at 10:58

Sky SandersSky Sanders

35.2k7 gold badges68 silver badges91 bronze badges

3

It's REALLY easy! If you have a script in your "head" block, with no function id, it will run automatically as soon as the web page loads. For example:

Redirection to www.mywebsite.org

window.location = "//www.mywebsite.com/"

answered Nov 14, 2013 at 17:41

1

If you don't want to use jQuery, use native window.onload method:

    function ReplaceText[] {
        document.getElementById['test'].innerHTML = document.getElementById['test'].innerHTML.replace[/abc/g, "def"];
    }
    window.onload = ReplaceText;

Used on the code:

abc abc

Will give this output:

def def

answered Apr 15, 2010 at 11:12

rochalrochal

7,6302 gold badges32 silver badges54 bronze badges

A quick way, if you just want to debug, would be move what you want to execute outside of a function.

var text = document.getElementById['test'].innerHTML;
var newtext = text.replace['', ''];
alert[newtext];

NB. I'm not sure what you hope to achieve with text.replace['', ''] ?

answered Apr 15, 2010 at 11:00

Dan DiploDan Diplo

24.8k4 gold badges65 silver badges89 bronze badges

1

There are many ways to call a JavaScript function in the HTML document, and it is also not a difficult task. First, we have used one of the easiest ways to call a JavaScript function in HTML document:

In this method, we will create and define a function in the HTML document's head section. To invoke this function in the html document, we have to create a simple button and using the title event attribute [which is an event handler] along with it, we can call the function by clicking on the button.

To understand it more clearly let's see the given program:

Program

Explanation of program

In the above-given program, we have created a simple HTML document. Inside the head section of the HTML document, we have defined a function [e.g myfunction[];] inside the script tags ....

On the other hand, inside the body section, we displayed some text and created a button. To call our function, we have used the title attribute along with the button and when the user clicks on that button our function gets executes and display an alert message, as you can see in the output.

Output

Calling a function using external JavaScript file

We can also call JavaScript functions using an external JavaScript file attached to our HTML document. To do this, first we have to create a JavaScript file and define our function in it and save itwith [.Js] extension.

Once the JavaScript file is created, we need to create a simple HTML document. To include our JavaScript file in the HTML document, we have to use the script tag and in the "src" attribute we have to provide the path to our JavaScript file where it is stored. After linking the external JavaScript file to the HTML document, we can create a button and call the function using the " title" attribute with it.

Let's understand it with help of a program:

Program

Explanation of program

In the above program first, we have created a JavaScript file and defined our function in it and saved it with the .js extension.

Function.js

After creating the JavaScript file, we have created an HTML document and linked our JavaScript file using . Because we have stored our HTML document and JavaScript file in the same folder, we have just named our JavaScript file in the "scr" attribute instead of providing the full path in the head section.

Inside the body section, we displayed some text and created a button. To call our function, we have used the title attribute along with the button and when the user clicks on that button our function gets executes and display an alert message, as you can see in the output.

Output

Now click on the given button:

How do you call a function automatically in HTML?

How do you call a function in HTML load?

How do you call a function in a div tag in HTML?

How do you call a function with a parameter in HTML?