如何从 CSHTML.CS 页面操作 DOM？答案

【问题标题】：How do I manipulate the DOM from the CSHTML.CS page?如何从 CSHTML.CS 页面操作 DOM？
【发布时间】：2019-07-17 18:25:13
【问题描述】：

我正在尝试根据用户权限从代码隐藏中删除某些 Web 应用程序按钮。

我尝试触发 javascript onload 以删除指定的 DOM 元素，但页面会先加载，然后再修改 DOM。我希望在页面加载之前先修改 DOM。

【问题讨论】：

【解决方案1】：

您不想依赖 JavaScript 来确保安全性是对的，因为任何精通 JavaScript 的人都可以绕过它。

在你的 cshtml 页面中使用 Razor 语法，甚至一开始就不要把它放在那里。文档是here，但基本上你只需这样做：

@if ([check if user has permission]) {
    <button>Do Something</button>
}

该语句在您的服务器上进行评估。因此，如果用户没有权限，按钮将永远不会放在页面上。

如果你有按钮依赖的 JavaScript，你也可以通过做同样的事情来隐藏它：

@if ([check if user has permission]) {
    <script>
        function doSomething() {
            //do something
        }
    </script>
}

警告：如果您在已经存在的 <script> 标记内执行此操作，则需要将条件 JavaScript 放在 <text> 标记内，以便 Razor 引擎不会尝试解释 JavaScript：

<script>
    @if (true) {
        <text>
        function doSomething() {
            //do something
        }
        </text>
    }
</script>

【讨论】：