Question

我想创建一个按钮来放大/缩小Google Chrome浏览器中的页面。（例如，如果我按ctrl和+或ctrl和-的话）。请帮我。我不想缩放element（body）。

Answer 1

有很多方法可以做到，必须同时编写ZoomIn和ZoomOut函数。

下面是工作代码。

function zoomIn()
{
  var Page = document.getElementById('Body');
  var zoom = parseInt(Page.style.zoom) + 10 +'%'
  Page.style.zoom = zoom;
  return false;
}

function zoomOut()
{
  var Page = document.getElementById('Body');
  var zoom = parseInt(Page.style.zoom) - 10 +'%'
  Page.style.zoom = zoom;
  return false;
}

（尽管它是已复制的代码）。

并确保在网页的<body>标签中添加style =“ zoom：100％”。

Answer 2

这是放大和缩小的方法。

                function zoomIn(){
                var body = document.querySelector("body");
                var currWidth = body.clientWidth;
                if(currWidth == 1000000){
                    alert("Maximum zoom-in level of 1 Million reached.");
                } else{
                    body.style.width = (currWidth + 50) + "px";
                } 
            }
            function zoomOut(){
                var body = document.querySelector("body");
                var currWidth = body.clientWidth;
                if(currWidth == 500000){
                    alert("Maximum zoom-out level reached.");
                } else{
                    body.style.width = (currWidth - 50) + "px";
                }
            }

通过运行zoomIn()来放大通过runnint zoomOut()

缩小

如何在JavaScript中放大/缩小页面

2 个答案: