Без котировок функция OnClick вызывается автоматически

Question

В сценарии, который я написал, есть кнопка, которая при щелчке должна показывать год и IP-адрес, но она выполняется автоматически. Я видел в другом 3D, что эта проблема возникает, когда в «OnClick» вариант вы поставите функцию как

<button name="bottone" onclick=myFunction()>AH-AH</button> 

, но это не мой случай.

<button name="bottone" onclick=myFunction>AH-AH</button> 

<p id="demo"></p> 

<script> 
function myFunction(json) { 
    var d = new Date(); 
    var n = d.getFullYear(); 
    var ip = json.ip; 
    document.getElementById("demo").innerHTML = n + ' ' + ip; 
} 
</script> 

<script type="application/javascript" src="http://jsonip.appspot.com/?callback=myFunction"></script> 

Кажется, что второй скрипт «переопределяет» опцию onClick.

Answer 1

Сценарий вызывает ваши функции сразу:

myFunction({"ip": "88.9.35.40", "address":"88.9.35.40"}); 

Вместо этого, вы можете хранить данные в переменной и использовать эту переменную в обработчике событий:

<button name="bottone">Display year and IP</button> 
 
<p id="demo"></p> 
 
<script> 
 
(function() { 
 
    var ipData; 
 
    window.getIpData = function(data) { // We must use awful global for JSONP 
 
    delete window.getIpData; // Get rid of the awful global 
 
    ipData = data; 
 
    }; 
 
    document.getElementsByName('bottone')[0].onclick = function() { 
 
    if(ipData) { 
 
     var year = new Date().getFullYear(), 
 
      ip = ipData.ip; 
 
     document.getElementById("demo").innerHTML = year + ' ' + ip; 
 
    } 
 
    } 
 
})(); 
 
</script> 
 
<script type="application/javascript" src="http://jsonip.appspot.com/?callback=getIpData"></script>

Answer 2

1. Изменить что OnClick для onclick="myFunction()", что, как это должно быть (всегда использовать кавычки, это вызов функции так включают круглые скобки).

2. Этот второй сценарий вызывает непосредственно функцию вы передаете в качестве параметра обратного вызова ?callback=myFunction, поэтому он будет вызывать автономно ваш myFunction().

Try открытие that script url прямо в вашем браузере, чтобы увидеть, что будет выполнять сценарий:

myFunction({"ip": "11.11.11.81", "address":"11.11.11.81"}); 

Answer 3

Используйте этот кусок кода. Сценарий u включил, вызывал функцию обратного вызова, и внутри, что он печатал Date и Ip onload на странице. Итак, я сохранил отображение ip и кода даты в отдельной функции.

Переменная, которая используется для отображения даты и Ip> Я сделал их глобальными, поэтому эту переменную можно использовать вне метода обратного вызова.

<button name="bottone" onclick="showIpNDate()">AH-AH</button> 
 
    
 
    <p id="demo"></p> 
 
    
 
    <script> 
 
     var ip, n; 
 
    
 
     function myFunction(json) { 
 
      var d = new Date(); 
 
      n = d.getFullYear(); 
 
      ip = json.ip; 
 
    
 
     } 
 
    
 
     function showIpNDate() { 
 
      document.getElementById("demo").innerHTML = n + ' ' + ip; 
 
     } 
 
    </script> 
 
    
 
    <script type="application/javascript" src="http://jsonip.appspot.com/?callback=myFunction"></script>