如何在加载我的html页面时调用JavaScript函数？


How do I call a JavaScript function's on loading my html page?

本问题已经有最佳答案，请猛点这里访问。

我有一个页面，它有一些函数，我希望在页面加载时加载这些函数。当前只有在单击按钮时才调用该函数，我还希望在页面加载/刷新时加载该函数。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
function LOADMEONSTARTUP() {
    var reader = new XMLHttpRequest() || new ActiveXObject('MSXML2.XMLHTTP');
    reader.open('get', 'log.txt', true);
    reader.onreadystatechange = function () {
        if (reader.readyState == 4 && reader.status == 200) {
            displayContents1(reader.responseText);
        }
    };
    reader.send();
}

function displayContents1(content) {
    var wanted = 'apples';
    var words = content.split(/\s/);
    var found = [];
    words.forEach(function (word, index) {

        if (word === wanted && words[index + 1]) {
        found.push(words[index + 1]);
        }
    });
    console.log('found:', found);
    var el = document.getElementById('here1');
    el.innerHTML = found.length ? found.join('<br/>') : 'nothing found';
}
相关讨论

我们可以通过向主体添加一个onload函数来实现这一点。

1
<body onload ="LOADMEONSTARTUP()">

这可以通过我们使用的jquery实现。

1
2
3
$(document).ready(function(){
LOADMEONSTARTUP();
})

或者你可以参考这篇文章：

纯javascript相当于jquery的$.ready()-当page/dom准备就绪时如何调用函数

希望我能帮忙：)

相关讨论