Question

我想在使用javascript加载页面之前隐藏HTML表单。

我可以使用 display =＆＃39; none＆＃39; 样式属性来使用javascript隐藏表单，但表单内容在消失之前加载一秒钟。

var searchbar = document.getElementById("searchform");
searchbar.style.display = 'none';

我在stackoverflow中读了很多解决方案，在页面中添加了一些css代码，稍后使用 removeClass 显示内容。

问题是我无法访问网页后面的代码来添加CSS内容。但是我只能在页眉或页脚中添加一些自定义的javascript代码。（也不能使用jQuery）。

如果可能隐藏表单元素，请告诉我。我对javascripting很新。请提供宝贵的建议。

Answer 1

您可以将所有表单存储在javascript变量中，并在页面准备就绪时将其写入div中

简单示例：

function showForm(){
    var container = $('#formContainer');
    var form = '<input type="text" name="myInput">'; // Or you can load it from an external file
    container.html(form);
}

$(document).ready(function(){

    showForm();

});

但最好的方法是添加一条css规则来隐藏你的表单，并在加载页面时显示它。

Answer 2

编辑：对不起，如果你只能使用一些javascript并且无法访问html或css，那么你的问题可能无法解决。

Answer 3

Web浏览器首先呈现HTML。浏览器下载css或js文件需要时间。最好的选择是使用内联显示='无'，而不是在css文件中。

<form style="display:none;">
   ...
</form>

隐藏HTML表单使用javascript

3 个答案: