Javascript中的onLoad函数

2 javascript

我正在使用以下代码来显示或隐藏表格,具体取决于是否选中了复选框.

<body onload="document.f.firstfield.focus(),showOnLoad();">
Run Code Online (Sandbox Code Playgroud)

我的Javascript是:

function showOnLoad(){
        if((document.getElementById('chk').checked)){
            document.getElementById('div1').style.display = "block";}else{
        document.getElementById('div1').style.display = "none";}
    }
Run Code Online (Sandbox Code Playgroud)

它工作正常,直到这个.但是,现在我想使用另一个功能showSomething(),它具有与上面相同的功能,但用于不同的复选框和不同的表.

当我将我的代码行更改为:

<body onload="document.f.firstfield.focus(),showSomething(),showOnLoad();">
Run Code Online (Sandbox Code Playgroud)

这两个功能都不起作用.我怎样才能让它们一起工作?任何帮助表示赞赏!

Ian*_*Ian 5

您需要使用;终止函数调用.使用:

document.f.firstfield.focus();showSomething();showOnLoad();
Run Code Online (Sandbox Code Playgroud)

在普通的javascript(不是内联HTML)中,您可以使用换行符或;(您可以通过Google搜索更多地了解它...也许http://mislav.uniqpath.com/2010/05/semicolons/会有所帮助).当你想使用内联Javascript但需要几个语句时,你必须使用;.A ,从未用于此类目的.

并不重要......它只是偏好...但我会创建一个通用函数,你可以调用bodyLoad这些函数来执行这三个语句(因此HTML会变成<body onload="bodyLoad();">.当你知道"所有内容时,管理起来要容易得多." "你想在加载时做的就是在这个函数内部.还有其他的东西我也会这样做,但我会留下它...