window.onload在body onload工作时不工作

时间:2017-01-20 09:05:38

标签: javascript html

这是我在这里的第一个问题,但我希望我能够提供所有必要的信息。我需要使用window.onload在我的html代码的头部编写一个脚本,并使用type =“text / view”来显示。

当我将此代码放入正文并使用时

<body onload="loadWelcomePage()">

    function loadWelcomePage() {
        var welcomePageContent = document.getElementById('welcomeview');
        var profilePageContent = document.getElementById('profileview');
        var showPage = document.getElementById('contentSpace');

        showPage.innerHTML = welcomePageContent.innerHTML;

    }

但是,当我将相同的代码复制到js文件时,不会加载相同的函数。我究竟做错了什么。我会在下面使用的js文件中发布替换代码。

window.onload = function() {displayView};

function displayView() {
   var welcomePageContent = document.getElementById('welcomeview');
   var profilePageContent = document.getElementById('profileview');
   var showPage = document.getElementById('contentSpace');

   showPage.innerHTML = welcomePageContent.innerHTML;
} 

我需要使用javascript而不是jQuery来完成任务。

1 个答案:

答案 0 :(得分:7)

function() {displayView};

只提一个变量就什么都不做。

如果您想调用某个函数,则必须调用它(例如使用())。

function() {displayView(); };

你也可以绕过创建一个除了调用另一个函数之外什么都不做的函数:

window.onload = displayView;

(请注意,当事件触发时,浏览器会调用该函数,在这种情况下你不能自己调用​​它,所以{@ 1}}应该省略,否则你立刻称之为 / em>并将返回值分配给()。)