Android webview与H5 Js 交互

最新推荐文章于 2024-06-20 12:06:28 发布

DQ2020

最新推荐文章于 2024-06-20 12:06:28 发布

阅读量215

点赞数

本文链接：https://blog.youkuaiyun.com/danqi1989/article/details/78404276

版权

1.app/src/main/assets目录下添加文件javascript.html

<html>

<script language="javascript">

/* This function is invoked by the activity */

function androidUseJs(result) {

alert(result);

}

</script>

<body>

<button onClick="window.method.jsUseAndroid()">

Click me!

</button>

</body>

</html>

2.新建activity类（xml 布局：一个button:id:btn 一个webView:id:web）

public class JsWebViewActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_js_web_view);

Button btn = (Button) findViewById(R.id.btn);

final WebView web = (WebView) findViewById(R.id.web);

//android调用JS方法红色

web.getSettings().setJavaScriptEnabled(true);

web.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);

web.setWebChromeClient(new WebChromeClient());

//JS调用android方法蓝色

web.addJavascriptInterface(new DemoJavaScriptInterface(), "method");

btn.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

Toast.makeText(JsWebViewActivity.this,"androidUseJs",Toast.LENGTH_SHORT).show();

web.loadUrl("javascript:androidUseJs(" + view.getId() + ")");

//如果传字符串需要加上单引号 web.loadUrl("javascript:androidUseJs(‘" + view.getId() + "‘)");

}

});

web.loadUrl("file:///android_asset/javascript.html");

}

final class DemoJavaScriptInterface {

DemoJavaScriptInterface() {

}

@JavascriptInterface

public void jsUseAndroid() {

Toast.makeText(JsWebViewActivity.this,"jsUseAndroid",Toast.LENGTH_SHORT).show();

}

}

}