原生和js交互

最新推荐文章于 2020-05-24 10:37:44 发布

高高2

最新推荐文章于 2020-05-24 10:37:44 发布

阅读量294

点赞数 2

本文链接：https://blog.csdn.net/weixin_44310617/article/details/88114036

版权

创建HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Carson_Ho</title>
    // JS代码
    <script>
// Android需要调用的方法
   function callJS(){
     alert("Android调用了JS的callJS方法");
   }
</script>
</head>
</html>

创建XML布局

 <Button
        android:id="@+id/but"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="web"/>

    <WebView
        android:id="@+id/webview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        ></WebView>

主页面

public class MainActivity extends AppCompatActivity {
    private Button but;
    private WebView webview;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        but=findViewById(R.id.but);
        webview=findViewById(R.id.webview);
        webview.getSettings().setJavaScriptEnabled(true);
        webview.setWebChromeClient(new WebChromeClient());
        webview.loadUrl("file:///android_asset/index.html");
        but.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                webview.post(new Runnable() {
                    @Override
                    public void run() {
                        webview.loadUrl("javascript:callJS()");
                    }
                });
            }
        });

    }
}