Menu
I'm trying to understand how JSFiddle 'wraps' code in 'onLoad' based on this description: [1]: http://doc.jsfiddle.net/basic/introduction.html#javascript. I've seen onLoad being used in the HTML's BODY tag to load function(s). So does JSF (behind the scenes) wrap every call and every function I create int its JS window? AKA:
onLoad = "myfunc1(),myfunc2,alert(1);"
If so then when I select jQuery as a framework, should I avoid using this format:
$(document).ready(function(){
myfunc1{(...)}
myfunc1{(...)}
...
Apologize in advance if an armature question.
683
They put all your JS inside <script> tags with the onLoad event code wrapped around it.
For example, if you choose to include jQuery and onLoad then this is what jsfiddle will use:
<script type="text/javascript">
//<![CDATA[
$(window).load(function(){ /* your js here */ });
//]]>
</script>
If you don't include a library then they use:
<script type="text/javascript">
//<![CDATA[
window.onload=function(){ /* your js here */ }
//]]>
</script>
I presume they also use other library specific load events depending on what you choose to include.
Using $(document).ready(function(){ }); isn't required when running your code in a fiddle.
Note: for a good explanation of what CDATA is take a look at this answer - https://stackoverflow.com/a/7092306/2287470
145
It makes a new iframe to run your code in.
For the onload, they just put all your code in
window.onload = function () {
// your code here
};
You can see this if you inspect the <script> tag in the <head> of the bottom-right iframe.
Nothing wrong with using $(document).ready(... but it's kinda useless when you enable the onLoad option in jsFiddle.
22
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With