javascript - Javascript 中的 onLoad 函数

标签 javascript

我正在使用以下代码根据是否选中复选框来显示或隐藏表格..

<body onload="document.f.firstfield.focus(),showOnLoad();">

我的 Javascript 是:

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

到目前为止它工作正常。但是,现在我想使用另一个函数 showSomething() ,它具有与上面相同的功能,但用于不同的复选框和不同的表。

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

<body onload="document.f.firstfield.focus(),showSomething(),showOnLoad();">

这两个功能都不起作用。我怎样才能让他们一起工作? 感谢您的帮助!

最佳答案

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

document.f.firstfield.focus();showSomething();showOnLoad();

在普通的 JavaScript(不是内联 HTML)中,您可以使用换行符或 ; (您可以通过谷歌搜索了解更多信息...也许 https://mislav.net/2010/05/semicolons/ 会有所帮助)。当你想使用内联 JavaScript 但需要多个语句时,你必须使用 ; . ,从未用于此类目的。

这并不重要...这只是偏好...但我会创建一个您调用的通用函数,比如 bodyLoad ,执行这三个语句的地方(因此 HTML 将变为 <body onload="bodyLoad();"> )。当你知道你想在加载时做的“一切”都在这个函数中时,管理起来就容易多了。还有其他事情我也会做,但我会把它留在那里......

关于javascript - Javascript 中的 onLoad 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12678751/

相关文章:

javascript - Laravel 与 Jquery - Ajax 抛出 500 错误 - 服务器端的问题

javascript - 有没有办法阻止表格移动?

javascript - 文本视差效果

javascript - 表单输入键和按钮单击执行不同的操作

javascript - 重新定位 jQuery "this"

javascript - rxjs/scheduler/VirtualTimeScheduler.js 404 未找到

javascript - 是否有任何将 json 转换为 url 参数的 native 函数?

php - 使用 javascript 在不同的表单字段中显示 2 个不同的 MySQL 结果

javascript - 使用 innerHTML 重新加载页面的中心 Pane

javascript - 使用 AJAX/jQuery 加载页面和 history.pushState() 方法保留浏览器 "back"按钮功能