Javascript 我有两个按钮，当我点击加号按钮时，网页必须放大，点击减号按钮则缩小。点击其他按钮则默认

我在

Javascript

中使用了此代码，但它不起作用。关于这个要求我能有什么想法吗

---

我有两个按钮，当我点击加号按钮时，网页必须放大；点击减号按钮时，网页必须缩小；点击其他按钮时，网页必须默认缩小。

我稍微修改了您的代码，以更正一些问题。

MozTransform

CSS属性应该是

-MozTransform

。我还删除了您添加到属性值中的几个不必要的空格：

var currFFZoom = 1;
var currIEZoom = 100;

$('#plusBtn').on('click',function(){
    if ($.browser.mozilla){
        var step = 0.02;
        currFFZoom += step; 
        $('body').css('MozTransform','scale(' + currFFZoom + ')');
    } else {
        var step = 2;
        currIEZoom += step;
        $('body').css('zoom', ' ' + currIEZoom + '%');
    }
});

$('#minusBtn').on('click',function(){
    if ($.browser.mozilla){
        var step = 0.02;
        currFFZoom -= step;                 
        $('body').css('MozTransform','scale(' + currFFZoom + ')');

    } else {
        var step = 2;
        currIEZoom -= step;
        $('body').css('zoom', ' ' + currIEZoom + '%');
    }
});

看到它在这里工作：

编辑1 我在代码中留下了一些警告，但只是删除了它们。 还解释了我在代码中所做的更改

编辑2

---

请注意，

$。浏览器

是并且应该小心使用，或者替换为。

您是否使用Firefox或IE查看您的页面？所有chrome Firefox和IE都可以提供JSFIDLE？现在它工作正常，但当我们再次单击“放大”和“缩小”时，它会自动重新加载到原始大小。现在它工作正常很好，但当我们再次点击放大和缩小时，它会自动重新加载到原始大小。我真的不明白你想说什么。你是想说当你点击放大（“100%”到“102%”）然后缩小（102%到100%）时，它会恢复到原来的大小吗？我想这是正常的。或者你是说，当你点击放大按钮时，它会增加，并立即返回到100%？

var currFFZoom = 1;
var currIEZoom = 100;

$('#plusBtn').on('click',function(){
    if ($.browser.mozilla){
        var step = 0.02;
        currFFZoom += step; 
        $('body').css('-moz-transform', 'scale(' + currFFZoom + ')');
    } else {
        var step = 2;
        currIEZoom += step;
        $('body').css('zoom', currIEZoom + '%');
    }
});

$('#minusBtn').on('click',function(){
    if ($.browser.mozilla){
        var step = 0.02;
        currFFZoom -= step;                 
        $('body').css('-moz-transform', 'scale(' + currFFZoom + ')');

    } else {
        var step = 2;
        currIEZoom -= step;
        $('body').css('zoom', currIEZoom + '%');
    }
});