7

我试图根据以下描述了解 JSFiddle 如何在“onLoad”中“包装”代码:[1]:http ://doc.jsfiddle.net/basic/introduction.html#javascript 。我已经看到在 HTML 的 BODY 标记中使用 onLoad 来加载函数。那么 JSF(在幕后)是否将我在其 JS 窗口中创建的每个调用和每个函数都包装起来?又名:

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

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

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

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

4

3 回答 3

10

他们将所有的 JS 放在<script>标签中,并带有onLoad事件代码。

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

<script type="text/javascript">
    //<![CDATA[
        $(window).load(function(){ /* your js here */ });
    //]]>
</script>

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

<script type="text/javascript">
    //<![CDATA[
        window.onload=function(){ /* your js here */ }
    //]]>
</script>

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

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

注意:为了更好地解释什么CDATA是看看这个答案 - https://stackoverflow.com/a/7092306/2287470

于 2013-10-06T00:06:19.027 回答
4

它创建了一个新的 iframe 来运行您的代码。

对于onload,他们只是把你所有的代码放进去

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

如果您检查右下 iframe 中的<script>标签,您可以看到这一点。<head>


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

于 2013-10-06T00:05:39.347 回答
-1

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

http://jsbeautifier.org/

http://www.javascriptbeautifier.com/

http://www.jspretty.com/

于 2013-10-06T04:44:08.227 回答