javascript - JSFiddle 包装在 onLoad 中?

标签 javascript jquery frameworks jsfiddle

我试图根据以下描述了解 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{(...)}
     ...

如有骨架问题,请提前致歉。

最佳答案

他们把你所有的 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(){ });在 fiddle 中运行代码时不需要。

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

关于javascript - JSFiddle 包装在 onLoad 中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19203922/

相关文章:

javascript - react 中 ForwardRefExoticComponent 和 ForwardRefRenderFunction 有什么区别?

php - 自动转换百分比输入值

javascript - jQuery 中的事件委托(delegate)——哪种方法更好?

javascript - 覆盖对话框的问题

cocoa - Cocoa 中的框架创建

css - 非语义列高度

javascript - 文本总是两行

javascript - 忽略触摸设备上的 jQuery 悬停(mouseenter、mouseleave)

chrome 中的 jQuery 可拖动助手故障

web-services - 基于订阅的 Web 服务业务/站点的最佳框架?