jquery add script and it loads as soon as DOM is loaded

Question

Lets say I have

<html>
<head>
<script>
function myFunction()
{
// blah blah
}
</script>
</head>
<body>
<select name="mySelect">
<option value="1"> He </option>
<option value="2"> Hi </option>
<option value="3"> Ho </option>
</select>
</body>
</html>

Lets say I have js function that generates this 'select' script. How can I add to it default script that will be ran as soon as DOM is loaded with jQuery?

something like that:

<select name="mySelect" script="myFunction()">
<option value="1"> He </option>
<option value="2"> Hi </option>
<option value="3"> Ho </option>
</select>

score 1 · Answer 1 · edited May 23 '17 at 10:33

1

$(window).load(function() {
    // your code here
});

Useful stuff here

edited May 23 '17 at 10:33

Community

1
1

answered Jun 18 '14 at 11:55

martynas

12,120
3
55
60

Cant use that, because its Yii framework and it breaks a part a lots of stuff. – Townsheriff Jun 18 '14 at 11:58

score 1 · Answer 2 · answered Jun 18 '14 at 11:58

1

Well if your are avoiding jQuery for this then:

window.onload = myFunction;

with jQuery:

$(document).ready(myFunction);

or

$(window).load(myFunction);

answered Jun 18 '14 at 11:58

Jai

74,255
12
74
103

score 0 · Answer 3 · answered Jun 18 '14 at 11:57

0

$(document).ready(function() {
    // after DOM is ready
});
$(window).load(function() {
    // after DOM including graphics ready
   // specially used for images' script
});

answered Jun 18 '14 at 11:57

Bhojendra Rauniyar

83,432
35
168
231

Better way to check document ready event is : `jQuery(document).ready(function($) { // to load dom });` – ahgindia Jun 18 '14 at 11:58

score 0 · Answer 4 · answered Jun 18 '14 at 11:57

0

You should use window.onload

like

<script>window.onload = myFunction</script>

answered Jun 18 '14 at 11:57

Satpal

132,252
13
159
168

score 0 · Answer 5 · answered Jun 18 '14 at 11:57

You can also use document ready

 $(document).ready(function(){
// do here

});

$( document ).ready() will only run once the page Document Object Model (DOM) is ready for JavaScript code to execute. Code included inside $( window ).load(function() { ... }) will run once the entire page (images or iframes), not just the DOM, is ready.

jquery add script and it loads as soon as DOM is loaded

5 Answers5