javascript - 从单独的 JavaScript 文件禁用另一个 HTML 文件上的按钮

Question

这可能是一个非常容易回答的问题，但我可能遗漏了一些东西。我才接触这个几个月。

我想知道是否可以根据点击功能禁用不同 HTML 文档上的按钮。

这个想法很简单:

HTML1:

<input type="submit" class="guest" value="I'm just visiting">

HTML2:

<input type="submit" class="thisbutton" value="Feature not for guests">

JS:

$('.guest').click(function() {
        $('.thisbutton').prop('disabled', true); //this is on another file
        $('.thisbutton').css('background-color', 'grey');
    });

一些想法:

用 cookies ？在标题中有链接？cookie 是一种想法，但很容易删除。

感谢您花时间看这个!

Answer 1

您可以通过在用户单击 HTML1 页面中的 .guest 按钮时为 guest 保存一个条目来使用本地存储，然后在 ready 函数中获取另一个页面中的条目 HTML2禁用 thisbutton。

HTML 1:

// set the item in localStorage on click
$('.guest').click(function() {
    localStorage.setItem('guest', true);
});

HTML 2:

$(function(){
    // get the item 
    if ( localStorage.getItem('guest') !== null ) {
        $('.thisbutton').prop('disabled', true);
        $('.thisbutton').css('background-color', 'grey');
    }
});