Executing Javascript Function From Html Without Event
Solution 1:
If a <script> has a src, then the external script replaces the inline script.
You need to use two script elements.
The strings you pass to the function also need to be actual strings and not undefined variables (or properties of undefined variables). String literals must be quoted.
<scriptsrc="fp_footer2.js"></script><script>footerFunction("1_basic_web_page_with_links", "1bwpwl.html");
</script>Solution 2:
JavaScript will run while your page is being rendered. A common mistake is to execute a script that tries to access an element further down the page. This fails because the element isn't there when the script runs.
So includes in the <head> will run before any DOM content is available.
If your scripts are dependent on the existence of DOM elements (like a footer!) try to put the script includes after the DOM element. A better solution is to use the document ready event ($(document).ready() in jQuery). Or window.onload.
The difference between documen ready and window onload is that document ready will fire when the DOM has been rendered; so all initial DOM elements will be available. Where as window onload fires after all resources have loaded, like images. window onload is useful if you're doing things with those images. Usually document ready is the right one.
Solution 3:
Maybe I misunderstand your question, but you should be able to do something like this:
<scripttype="text/javascript"src="fp_footer2.js"></script><scripttype="text/javascript">
footerFunction(1_basic_web_page_with_links, 1bwpwl.html);
</script>Solution 4:
Have you tried calling it from a document.ready?
<scripttype="text/javascript">
$(document).ready(function() {
footerFunction(1_basic_web_page_with_links, 1bwpwl.html);
});
</script>
Post a Comment for "Executing Javascript Function From Html Without Event"