JSFiddle包装在onLoad中?

我试图理解JSFiddle如何基于这个描述在’onLoad’中’包装’代码:[1]: http ://doc.jsfiddle.net/basic/introduction.html#javascript。 我已经看到onLoad被用在HTML的BODY标签中来加载函数。 那么JSF(幕后)将我在JS窗口中创建的每个调用和每个函数都包装起来吗? 又名:

onLoad = "myfunc1(),myfunc2,alert(1);" 

如果是这样,那么当我选择jQuery作为框架时,我应该避免使用这种格式:

  $(document).ready(function(){ myfunc1{(...)} myfunc1{(...)} ... 

如果出现电枢问题,请提前道歉。

他们将所有JS放在标记内,并将onLoad事件代码包裹在其中。

例如,如果你选择包含jQuery和onLoad那么这就是jsfiddle将使用的:

  

如果您不包含库,那么他们使用:

  

我认为他们还使用其他库特定的load事件,具体取决于您选择包含的内容。

使用$(document).ready(function(){ }); 在小提琴中运行代码时不需要。

注意:有关CDATA解释,请查看此答案 - https://stackoverflow.com/a/7092306/2287470

它会生成一个新的iframe来运行您的代码。

对于onload,他们只是将所有代码放入

 window.onload = function () { // your code here }; 

如果您检查右下方iframe的中的标记,则可以看到此信息。


使用$(document).ready(...但是在jsFiddle中启用onLoad选项时,它有点无用)。

如果您正在寻找源代码格式,那么您应该寻找下面的网站。 至于jsfiddle使用什么,他们可能有自己的插件,它们也一样。

http://jsbeautifier.org/

http://www.javascriptbeautifier.com/

http://www.jspretty.com/

Interesting Posts