1. 홈
  2. 질의 응답
  3. JSFiddle onLoad?

JSFiddle onLoad?

2013-10-05 4 views
7

JSFiddle이이 설명에 따라 'onLoad'의 코드를 '랩핑'하는 방식을 이해하려고합니다. [1] : http://doc.jsfiddle.net/basic/introduction.html#javascript. onLoad가 HTML의 BODY 태그에서 함수를로드하는 데 사용되는 것을 보았습니다. JSF (뒷 배경)는 모든 호출과 JS 윈도우에서 작성한 모든 함수를 래핑합니까? AKA : 전기자 질문을 사전에 사과JSFiddle onLoad?

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

:

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

내가 프레임 워크로 jQuery를 선택했을 때, 나는이 형식을 사용하지 않도록해야 다음 그렇다면. 당신이 <head>에 <script> 태그를 검사 할 경우이 볼 수

출처

2013-10-05 brooklynsweb

답변

10

onLoad 이벤트 코드로 묶인 <script> 태그 안에 모든 JS를 넣습니다.

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

I을 :

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

것은 그들이 사용 후 라이브러리를 포함하지 않는 경우 : 당신이 jQuery를하고 onLoad을 포함하도록 선택하는 경우 예를 들어

, 다음이 jsfiddle가 사용할 것입니다 포함시키려는 내용에 따라 다른 라이브러리 관련 load 이벤트도 사용한다고 가정하십시오.

코드 사용시 코드를 실행할 때 $(document).ready(function(){ });을 사용하는 것은 필요하지 않습니다.

참고 : CDATA이 응답 한 번 봐 걸릴 무엇의 좋은 설명 - 당신은 소스 코드 형식을 찾고 있다면 https://stackoverflow.com/a/7092306/2287470

출처

2013-10-06 00:06:19 Joe

4

그것은 당신의 코드를 실행하는 새로운 iframe을한다. 온로드에 대한

, 그들은 단지

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

에 모든 코드를 넣어 오른쪽 하단 iframe의 $(document).ready(...를 사용하지만 jsFiddle에서의 onLoad 옵션을 활성화 할 때 좀 쓸모 문제

아무것도.

출처

2013-10-06 00:05:39

관련 문제

 관련 문제