Почему этот простой JSFiddle не работает? - PullRequest
Новая
       9

Почему этот простой JSFiddle не работает?

14 голосов
/ 12 августа 2011

Есть некоторый код, который я хотел поместить в JSFiddle.Это не сработало.Сужая его, я даже не могу заставить работать этот простой код:

JSFiddle 

function displaymessage() {
  alert("Hello World!");
}

<form>
  <input type="button" value="Click me!" onclick="displaymessage()" />
</form>

<p>By pressing the button above, a function will be called. The function will alert a message.</p>

Поле alert не отображаетсяв JSFiddle.

Ответы [ 6 ]

28 голосов
/ 12 августа 2011

Выберите No wrap - bottom of <head> в раскрывающемся меню «Тип загрузки» в настройках JavaScript.

Screenshot of the dropdown mentioned above

6 голосов
/ 12 августа 2011

Вам необходимо вывести свою функцию из onLoad / onReady , иначе она будет помещена в другую область, и ваша кнопка не сможет получить доступ к этой функции. В вашем случае вам нужно использовать Без упаковки (голова)

Сгенерированный код выглядит следующим образом: 

Ext.onReady(function() {
    function displaymessage()
    {
        alert("Hello World!");
    }
});
4 голосов
/ 12 августа 2011

Измените код для запуска «без переноса (head)» вместо «onDomReady».Ваша функция не видна вашей разметке как есть.

0 голосов
/ 13 апреля 2018

Моя проблема с этим была, когда я сделал свой скрипт скрипт, я набрал его: 

script type="javascript/text"

вместо: 

script type="text/javascript"

и теперь это работает.

0 голосов
/ 23 ноября 2013

Извините, но ... намного проще, чем вы предлагаете ...

Если вы хотите вызвать функцию js с атрибутом "onclick", поместите свой код javascrit прямо в голову, вам не нужно готовитьсяили аналогичные.

Во-вторых, перед именем функции необходимо добавить «javascript:».

См .: http://jsfiddle.net/XNJxT/1838/

<input type="button" value="Click me!" onclick="javascript:displaymessage()" />
0 голосов
/ 12 августа 2011

http://jsfiddle.net/praveen_prasad/XNJxT/14/

Js fiddle так что-то вроде того, что вы пишете 

window.addEvent('load',function(){

//Your code


});

enter image description here

...