2015-03-17 3 views
2

При размещении в разделе заголовка или тела html-документа эти скрипты сразу же записываются в документ. Как я могу назвать их функциональность с помощью кнопки в документе. Я пробовал все обычные методы вызова функции js, но никто не работает. Пожалуйста, помогите, большое спасибо.Как назвать yahoo weather api javascript function изнутри html doc

<script> 
    var callbackFunction = function(data1) { 
    var windy = data1.query.results.channel.wind; 
    //alert(windy.chill); 
document.write("Wind chill factor:" + windy.chill); 

    }; 

</script> 

<script src="https://query.yahooapis.com/v1/public/yql?q=select * from weather.forecast where woeid in (select woeid from geo.places(1) where text='chicago, il')&format=json&callback=callbackFunction"></script> 
+0

Не используйте document.write после загрузки страницы. Используйте appendChild или innerHTML. Чтобы вызвать его с помощью кнопки, динамически добавьте тег сценария на страницу при нажатии кнопки. – epascarello

ответ

2

Посмотрите на этот код. Я получаю холод ветра и храню его в переменной. Затем я использую атрибут onclick кнопки, чтобы поместить это значение в div. Помогает ли это?

<script> 
 
var wind_chill; 
 
    var callbackFunction = function(data) { 
 
    var wind = data.query.results.channel.wind; 
 
    wind_chill = wind.chill; 
 
    }; 
 
    
 
function get_wind_chill(){ 
 
    document.getElementById('wind_chill').innerHTML = "Wind chill factor:" + wind_chill; 
 
} 
 
</script> 
 
    
 
<script src="https://query.yahooapis.com/v1/public/yql?q=select wind from weather.forecast where woeid in (select woeid from geo.places(1) where text='chicago, il')&format=json&callback=callbackFunction"></script> 
 

 
<div id="wind_chill"></div> 
 
<input type="button" onclick="get_wind_chill();" value="Get wind chill" />

Примечание: Это получает охлаждение ветра при загрузке страницы. Если вам нужно получить новый холод ветра каждый раз, когда нажимается кнопка (без перезагрузки страницы), вам нужно будет изменить вышеуказанный код.

+0

Большое спасибо, я изучу этот очень аккуратный метод. И да, это прекрасно работает для того, что мне нужно. С уважением к вам и быстрый ответ. Ура. –

 Смежные вопросы

  • Нет связанных вопросов^_^