I wrote JavaScript in separate file now i want to use a function written in that .js file
HTML
<html lang="en">
<head>
<title>try</title>
</head>
<body onload="hide()" >
<div id="final">
<p> Hello World</p>
</div>
<script src="js/userFunction.js"></script>
</body>
</html>
JS File
function hide(){
$("#final").hide();
}
its not working, please suggest
You have not included the jQuery file
<html lang="en">
<head>
<title>try</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
function hide(){
$("#final").hide();
}
</script>
</head>
<body onload="hide()" >
<div id="final">
<p> Hello World</p>
</div>
<script src="js/userFunction.js"></script>
</body>
</html>
jQuery is only an online reference to the jquery file. You may download the js file, keep it locally in your project folder and refer it from there.
Or
If the function is in "js/userFunction.js", make sure the path is correct, and if the path is correct and still not working try loading the script file in the head tag. The script file needs to be loaded first before the functions in it are actually called.
This won't work because you have not added the jquery library there in your page so in your console there will be an error stating that $ is not defined:
so add the jquery library before the script:
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
or you can do with native js too:
function hide(){
document.getElementById("final").style.display = 'none';
}
and instead of inline js try unobtrusive:
if jquery used:
$(function(){
hide(); // <----call your hide func here
});
with native js:
window.onload = function(){
hide(); // <----call your hide func here
};
Here is a pure javascript solution. http://jsfiddle.net/6Wems/
HTML
<div id="final">
<p> Hello World</p>
</div>
Put this in head of your HTML if you do not want to use jquery:
window.onload=function(){
document.getElementById("final").style.display = 'none';
}
$is not a built-in JavaScript or DOM function. You also have to include whatever script provides that function (presumably jQuery). If you indeed intend to use jQuery, please follow the jQuery tutorial. It includes everything you need to know to get started.