android 本地html JS与android 交互

最新推荐文章于 2021-05-27 05:08:41 发布

古德莫宁

最新推荐文章于 2021-05-27 05:08:41 发布

阅读量554

点赞数

分类专栏： android

本文链接：https://blog.csdn.net/songegao/article/details/37693973

版权

android 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

@SuppressLint("SetJavaScriptEnabled")
public class TestWebviewActivity extends Activity {

	WebView contentWebView;
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.test_web_layout);
		contentWebView = (WebView) findViewById(R.id.webView);
		// 启用javascript
		contentWebView.getSettings().setJavaScriptEnabled(true);
		// 测试带图的文的网站
		contentWebView.loadUrl("file:///android_asset/test.html");
		// 添加js交互接口类，并起别名 webtest
		contentWebView.addJavascriptInterface(this, "webtest");
		
	}

	/**
	 * JS调用本地android方法：
	 * 对应html中 window.webtest.jsInvokeJava('JS invoke java  code');
	 * 方法名:jsInvokeJava
	 * @param arg 参数
	 */
	public void jsInvokeJava(String arg) {
		Log.i("songe", "JS调用本地android方法  带参数：" + arg);
	}
	
	/**
	 * JS调用本地android方法 
	 * 对应html中window.webtest.jsInvokeJava();
	 * 方法名:jsInvokeJava
	 */
	public void jsInvokeJava() {
		Log.i("songe", "JS调用本地android方法");
	}
	
	/**
	 * 自定义button事件
	 * 方法名:click
	 * @param v
	 */
	public void click(View v){
        switch (v.getId()) {
		case R.id.javacalljs:
			//按下button 调用html中的javaCallJS()脚本
			contentWebView.loadUrl("javascript:javaCallJS()");
			break;
		case R.id.javaCallJsWithArgs:
			//按下button 调用html中的javaCallJsWithArgs()脚本
			contentWebView.loadUrl("javascript:javaCallJsWithArgs('hello world')");
			break;
		default:
			break;
		}
	}
	

}

本地html文件：

<html>
<head>
<meta http-equiv="Content-Type"	content="text/html;charset=utf-8">

<script type="text/javascript">
//自定义js
function javaCallJS(){
	 document.getElementById("content").innerHTML +=   
         "<br\>java调用JS函数";
}
//自定义js
function javaCallJsWithArgs(arg){
	 document.getElementById("content").innerHTML +=   
         ("<br\>"+arg);
}

</script>
</head>
<body  bgcolor="#ffff00">
  <p align="center">Test html 区域</p>
  
<br/>
<button onClick="window.webtest.jsInvokeJava()">点击调用java代码</button><br/>
<br/>
<br/>
<button onClick="window.webtest.jsInvokeJava('JS invoke java  code')" >点击调用java代码并传入参数</button>
<br/>
<br/>
<br/>
<br/>
<div id="content">显示内容</div>
</body>
</html>

test_web_layout.xml 布局文件：

<LinearLayout 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"
    android:orientation="vertical"
    tools:context=".MainActivity" >
    
    <Button
        android:id="@+id/javacalljs"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:onClick="click"
        android:text="本android调用本地js" />

    <Button
        android:id="@+id/javaCallJsWithArgs"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="click"
        android:text="android调用本地js(带参)" />
    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>


</LinearLayout>

古德莫宁

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
android 本地html JS与android 交互

@SuppressLint("SetJavaScriptEnabled")public class TestWebviewActivity extends Activity { WebView contentWebView; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(saved
复制链接

扫一扫

专栏目录