webView_back控制网页后退

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了webView_back控制网页后退相关的知识，希望对你有一定的参考价值。

参考技术A 正常情况下按下back会直接跳出webView这个activity。
目标：用户在按下back键的时候返回web的上一层，而不是退出web。
思路：拦截手指点击back这个事件。

onKeyDown这个方法是用来监听手指在屏幕上的按键，如果用户按下back，并且webView可以go back的话就消费用户点击的back，如果不能消费，就还传递到上层去。

BOM模型中常用对象 定义计数器 网页跳转 网页前进后退

今天上午学了的BOM模型中常用对象，了解了一部分的属性

For循环的规律

外层循环控制行

内层循环控制列

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>BOM模型中常用对象</title>
<script type="text/javascript">
    function testalert(){
//        有widow的时候可以省略不写window
        window.alert("你好吗");
    }
    function testconfirm(){
//        有widow的时候可以省略不写window
        var mes=window.confirm("您确定要退出吗");
        /*if(mes==true)*/
        if(mes){
            //关闭窗口
            window.close();
        }
    }
    function testprompt(){
//        有widow的时候可以省略不写window
        var name=window.prompt("请输入你的名字");
        //prompt返回值是字符串   "1"
        //在需要计算的时候需要转成数值类型再计算
        alert(name);
    }
    function testscroll(){
        window.scrollBy(50,50);
    }
    
</script>
</head>

<body>
<input type="button" value="滚动" onClick="testscroll()">
<div style="width:2000px;height: 200px;background: red"></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>

定义计数器

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>计数器</title>
<script type="text/javascript">
//        定义计数器
    var count=0;
    function show(){
        count++;    
        if(count==10){
//            取消定时器
            window.clearInterval(timer);
        }
        var d=new Date();
        var hour=d.getHours();
        var minute=d.getMinutes();
         if(minute<10){
             minute="0"+minute;}

        var second=d.getSeconds();
         if(second<10){
             second="0"+second;
         }
        var str=hour+":"+minute+":"+second;
        document.getElementById("time").innerHTML=str;
    }
//    设置定时器            1000毫秒=1秒
    var timer=window.setInterval("show()",1000);
    </script>
    
    
    
</head>

<body>
<div id="time"> </div>
</body>
</html>

网页跳转

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>计数器</title>
<script type="text/javascript">
//        定义计数器
    var count=0;
    function show(){
        count++;    
        if(count==10){
//            取消定时器
            window.clearInterval(timer);
        }
        var d=new Date();
        var hour=d.getHours();
        var minute=d.getMinutes();
         if(minute<10){
             minute="0"+minute;}

        var second=d.getSeconds();
         if(second<10){
             second="0"+second;
         }
        var str=hour+":"+minute+":"+second;
        document.getElementById("time").innerHTML=str;
    }
//    设置定时器            1000毫秒=1秒
    var timer=window.setInterval("show()",1000);
    </script>
    
    
    
</head>

<body>
<div id="time"> </div>
</body>
</html>

网页前进后退

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>第二页</title>
</head>

<body>
<a href="peizi03.html">下一页</a>
<a href="javascript:history.go(-1)">后退</a>
<a href="javascript:history.go(1)"> 前进</a>
</body>
</html>

 

以上是关于webView_back控制网页后退的主要内容，如果未能解决你的问题，请参考以下文章

带有 Webview 的片段利用硬件后退按钮转到上一个网页

Unity WebView 插件⭐️（十九）插件实例——网页视图 随时更新当前的网址前进和后退

如果在 WebView 中按下后退按钮，如何返回上一页？

使用flutter webview作为主页并按下后退按钮关闭应用程序

Android：最全面的 Webview 详解

android WebView控件显示网页