Android中WebView使用3，html掉android中的方法webView调用js中的方法

最新推荐文章于 2021-09-08 11:43:25 发布

zhaihaohao1

最新推荐文章于 2021-09-08 11:43:25 发布

阅读量432

点赞数

分类专栏： WebView

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/51048867

版权

WebView 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

1.在主清单文件中开网络权限
<uses-permission android:name="android.permission.INTERNET"></uses-permission>
2.布局文件

activity_main.xml

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <WebView
        android:id="@+id/webView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
</RelativeLayout></span>

3.MainActivity中

<span style="font-size:18px;">public class MainActivity extends Activity {
    private WebView webView1;
    private Handler handler;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView1 = (WebView)findViewById(R.id.webView1);
        handler=new Handler();
        myWebSetting();
    }

    private void myWebSetting(){
//      进行设置
//      得到一个网页设置对象
        WebSettings settings = webView1.getSettings();
//      支持js
        settings.setJavaScriptEnabled(true);
//      demo是给MyObject器的别名
//      调用的时候window.demo.myclickOnAndroid()
        webView1.addJavascriptInterface(new MyObject(),"demo");
        // 加载网页
        webView1.loadUrl("file:///android_asset/index.html");

    }
    public class MyObject{
//      @JavascriptInterface必须加，不加报错
        @JavascriptInterface
        public void myclickOnAndroid(){
            handler.post(new Runnable() {
                @Override
                public void run() {
//                  调用js中的myfun()方法
                    webView1.loadUrl("javascript:myfun()");
                }
            });

        }

    }

}
</span>

4.html文件在main---assets目录下（assets目录是自己建的）
图片也在main---assets目录下目录下
a.jpg
b.jpg

index.html

<span style="font-size:18px;"><!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script language="JavaScript">

        function myfun(){
           document.getElementById("myimg").src="b.jpg";
        }

    </script>
</head>
<body>
<!--调用android中的MyObject下的myclickOnAndroid（）-->
<a οnclick="window.demo.myclickOnAndroid()">
    <img src="a.jpg" id="myimg" width="200"height="200"/>
</a>
</body>
</html></span>

源码下载：

MyWebView----js

http://download.csdn.net/detail/zhaihaohao1/9480036