我正在使用api来生成随机报价。它的工作正常,但我想在页面加载后立即生成随机报价。
document.getElementById('load').addEventListener('onload', loadData);
document.getElementById('getQuote').addEventListener('click', loadData);
function loadData() {
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://talaikis.com/api/quotes/', true);
xhr.onload = function() {
if (this.status === 200) {
const data = JSON.parse(this.responseText);
document.getElementById('quote-message').innerHTML = `<h1>${data[0].quote}</h1>`;
document.getElementById('author').innerHTML = `<h3>${data[0].author}</h3>`;
}
}
xhr.send();
}
用于window.onload
在文档加载时启动脚本:
window.onload = loadData;
您的完整代码将如下所示
window.onload = loadData;
document.getElementById('getQuote').addEventListener('click', loadData);
function loadData() {
// [...]
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句