为什么我的onload函数无法在JavaScript中使用?

安伦德拉·纳特(Amrendra Nath)

我正在使用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();
    }
克鲁格霍

按照页面加载后执行的JavaScript

用于window.onload在文档加载时启动脚本:

window.onload = loadData;

您的完整代码将如下所示

window.onload = loadData;
document.getElementById('getQuote').addEventListener('click', loadData);

function loadData() {
 // [...]
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

当我在函数中使用if语句时,为什么我的javascript无法正常工作

为什么我的 JavaScript 无法加载到我的网页上(使用 window.onload)?

为什么Javascript无法在我的Flask应用中使用?

为什么我的JavaScript函数无法运行?

为什么我们不在JavaScript中使用数据类型作为函数参数?

为什么我的单选按钮无法在JavaScript文件中使用if else语句?

为什么在compute()中使用时无法识别Vue函数?

为什么字典元素无法在python中使用max函数?

为什么我不能在列表中使用匿名函数?

为什么我不能在Matlab中使用函数readframe

Javascript,为什么我的onclick函数无法正常工作

为什么在我的onload中没有调用我的javascript?

无法在方法中使用我的小部件Qcombobox,为什么?

为什么我无法在Android中使用JsonArray检索数据?

为什么我无法在Beautifulsoup中使用.text提取文本

为什么我的背景色无法在ComboBox中使用

为什么在使用DispatchQueue时我的函数无法执行?

何时/为什么在构造函数中使用JavaScript中的类?

为什么我的变量在带有array.forEach的嵌套函数中在Javascript中使用未定义

想要在 window.onload 中使用 javascript 函数

为什么我的SIGNAL无法在Django中使用-我在做什么错?

为什么我无法使用 JavaScript 访问 CSS 属性?

为什么在其中使用箭头函数时,我的函数会被识别为对象?

为什么我们在c中使用函数返回指针以及函数返回指针的应用

为什么我的Javascript增量运算符(++)在我的addOne函数中无法正常工作

使用“ JavaScript:绝对指南”中的onLoad函数有什么意义?

为什么在PHP中使用sprintf函数?

为什么在函数原型中使用“ [*]”而不是“ []”?

为什么我的JavaScript函数不会结束?