javascript - 函数执行后加载表

Question

我需要隐藏下表 onLoad 页面并在函数fnValidatefields()完全执行后立即显示它。请提出一些建议。

<input type='button' name='button' value='Find' onclick="fnValidatefields()">
<table><tr><td></td><tr></table>

Answer 1

为表格添加样式display: none;，并在函数执行成功后进行更改。

<input type='button' name='button' value='Find' onclick="fnValidatefields()">
<table style="display: none;" id="table1"><tr><td></td><tr></table>

fnValidatefields() {
    //ur code...
    document.getElementById("table1").style.display = "";
}

Answer 2

试试这个：

<input type='button' name='button' value='Find' onclick="fnValidatefields()">
<table style="display:none;" id="tbl"><tr><td></td><tr></table>

在脚本文件中使用如下：

function fnValidatefields()
{
   //code...

   $("#tbl").show();
}

Answer 3

最标准和最方便的方法是最初通过样式表定义隐藏表格，例如

.yourTableClass {
    display: none;
}

在您的fnValidatefields功能中，您重置该值。

function fnValidatefields() {
    // ...
    $('.yourTableClass').show();
}

Answer 4

首先隐藏你的桌子：

$('table.hideTable').hide();

在您的 fnValidatefields() 中，您可以使用

$('table.hideTable').show(); // Shows the table again