Javascript 隐藏/隐藏的最佳方式';是否基于配置文件加载HTML部件?

Javascript 隐藏/隐藏的最佳方式';是否基于配置文件加载HTML部件?,javascript,html,Javascript,Html,基于配置文件中的值隐藏HTML元素的最佳方法是什么 例如: 用户访问HTML文件。如果配置文件包含类似“expert=”false“”的内容,则浏览器不应加载expert-div HTML和Javascript应该在本地PC上运行(不需要Web服务器)生成配置js文件并在HTML页面中检查其值 config.js var expert = false; var somethingElse = true; index.html <script src="/config.js"><

基于配置文件中的值隐藏HTML元素的最佳方法是什么

例如: 用户访问HTML文件。如果配置文件包含类似“expert=”false“”的内容,则浏览器不应加载expert-div


HTML和Javascript应该在本地PC上运行(不需要Web服务器)

生成配置js文件并在HTML页面中检查其值

config.js

var expert = false;
var somethingElse = true;
index.html

<script src="/config.js"></script>
<script>
    if(!expert)
        document.getElementById('expert').style.display = 'none';

    if(!somethingElse)
        document.getElementById('somethingElse').style.display = 'none';

    ...
</script>

如果(!专家)
document.getElementById('expert').style.display='none';
如果(!somethingElse)
document.getElementById('somethingElse').style.display='none';
...

只是一些基本的想法。

你可以做如下事情:

if(config.expert === false){
  var expert = document.querySelectorAll('.expert'); // getting all elements with class expert

  for(var elmt in expert){
   elmt.style.display = 'none';
  }
}

最好的方法是PHP,否则用户可以随时修改您的代码。