不采用php

如果您不想使用 PHP，您可以使用 AJAX 技术从服务器获取数据库中的值，并在 JavaScript 中使用该值。具体方法如下：

1. 在 HTML 中给按钮添加一个 id，例如 `id="delete-btn"`。
2. 在 JavaScript 中使用 AJAX 技术从服务器获取 `rule` 值。
3. 在 AJAX 回调函数中判断 `rule` 值，并将按钮元素的样式设置为可见或隐藏。

下面是示例代码：

HTML 代码：

<button type="button" id="delete-btn"><a href="javascript:void(0)" onclick="banchDelete()">批量删除</a></button>

JavaScript 代码：

// 获取按钮元素
var deleteBtn = document.getElementById("delete-btn");

// 使用 AJAX 技术从服务器获取 rule 值
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var rule = this.responseText;
        // 判断用户权限是否为 0
        if (rule != 0) {
            deleteBtn.style.display = "none";  // 隐藏按钮
        }
    }
};
xhr.open("GET", "get_rule_value.php", true);
xhr.send();

在上面的代码中，我们使用了 JavaScript 的 AJAX 技术从服务器获取 `rule` 值。在 AJAX 回调函数中，我们获取了 `rule` 值，并使用其判断用户权限是否为 0。如果是，则将按钮元素的样式设置为隐藏，否则设置为可见。请注意，上面的代码中我们将 AJAX 请求的 URL 设置为 `get_rule_value.php`，您需要根据实际情况修改该 URL。