android与js之间的交互

简单介绍Webview的使用

记得添加权限:

<uses-permission android:name="android.permission.INTERNET"/>

方法1:加载网络地址

webView.loadUrl("https://www.baidu.com");

方法2:加载本地网页

写一段简单的html代码:

<html>
<h1>Hello World</h1>
</heml>

将网页放在assets文件夹中

webView.loadUrl("file:///android_asset/test1.html");

方法3:加载html代码

String html = "<html> <h1>Hello World from code</h1></heml>";
webView.loadData(html , "text/html", "utf-8");

先贴出html代码,保存为html文件放到assets文件夹中:

<html>
<head>
<script type="text/javascript">
	
    function show(info){
        document.getElementById("shows").innerHTML = info;
    }
</script>
</head>

<body>
<br />
<!-- 这里的test对应下面原生中的addJavascriptInterface方法里的第二个参数 -->
<button onClick="window.test.androidMethod('I am from js')">调用Android方法</button>
<br />
<!-- 这里会显示android传来的消息 android原生会调用js的show方法-->
<h1 id= "shows"> 等待android端传来信息 </h1>
<br />

</body>
</html>

首先添加webview的相关设置:

//       开启对js的支持
        webView.getSettings().setJavaScriptEnabled(true);

JS调用android方法:

        jsHook = new JsHook();
//        添加js接口
        webView.addJavascriptInterface(jsHook , "test");

JsHook类如下:

    class JsHook{
        @JavascriptInterface
        public void androidMethod(String info){
            Toast.makeText(MainActivity.this , info, Toast.LENGTH_SHORT).show();
        }
    }

@JavascriptInterface 从字面上看就是js接口,说明加了此标签的方法可以被js调用

android调用js方法:

    public void click(View view){
        String info = "I am from android";
        webView.loadUrl("javascript:show('"+info+"')");
    }

注意:

1.android调用js方法必须要与创建webview在同一线程中,否则会报java.lang.RuntimeException: java.lang.Throwable: A WebView method was called on thread 'Thread-6'. All WebView methods must be called on the same thread.

2.添加了@JavascriptInterface标签的方法,并不是在主线程中运行的,我打印出来的ThreadNamge:Threadname =>JavaBridge

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值