Exemple simple n ' t travail sur JSFiddle

Question

Je ne peux pas savoir - quel est le problème avec un exemple :

HTML :

JavaScript :

Et quand je clique sur le bouton - rien n’est arrivé. Console dit « test non définie »

J’ai lu la documentation de jsfiddle - il est écrit, que soit ajouté au code JS et soit ajouté au code html. (donc ce code JS est antérieur à html et devrait fonctionner)

http://jsfiddle.net/Yazpj/

Answer 1

Si vous ne spécifiez pas le paramètre d’enveloppe par défaut pour « onLoad ». Il en résulte avec tous les JavaScript qui est enveloppé dans une fonction à exécuter après que le résultat a été chargé. Toutes les variables sont locales à cette fonction donc indisponible dans la portée globale.

Modifiez le paramètre d’habillage « aucun Wrap » et ça va marcher :

http://jsfiddle.net/zalun/Yazpj/1/

J’ai changé le cadre « No bibliothèque » que vous n’utilisez pas tout.

Answer 2

La fonction est définie à l'intérieur d'un gestionnaire de chargement et est donc dans un autre champ. @Ellisbben notes dans les commentaires, vous pouvez résoudre ce problème en définissant de manière explicite sur l' window objet. Mieux, encore, de le modifier pour appliquer le gestionnaire de l'objet discrètement: http://jsfiddle.net/pUeue/

$('input[type=button]').click( function() {
   alert("test");   
});

Note appliquer le gestionnaire de cette façon, au lieu de la ligne d'entrée, garde votre code HTML propre. Je suis à l'aide de jQuery, mais vous pourriez le faire avec ou sans cadre ou à l'aide d'un cadre de référence différent, si vous le souhaitez.

Answer 3

Il y a une autre façon, déclarez votre fonction dans une variable comme ceci :

JSfiddle

De cette façon `` seront définis au moment de l’exécution. Plus d’informations

Answer 4

Changer la pellicule de réglage dans le panneau cadres & Extensions, à « Aucune pellicule-in »

Answer 5

Il n’y a pas de problème avec votre code. Il suffit de choisir l’extension onLoad() du côté droit.