java调用js

最新推荐文章于 2025-07-25 17:26:50 发布

原创最新推荐文章于 2025-07-25 17:26:50 发布 · 453 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #app #webview #java #javascript

HybirdAPP 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个具体的案例，展示了如何在Android应用中通过WebView实现JavaScript与Java代码之间的相互调用。具体包括：设置按钮点击事件来触发JS方法、在HTML中定义JS方法、以及如何更新HTML内容。

layout布局文件

<Button
	android:layout_weight="1"
	android:id="@+id/button"
	android:layout_width="fill_parent" 
	android:layout_height="wrap_content" 
	android:text="调用html中的js 方法"
/>

java文件【MainActivity.java】

//获取button控件 即"调用html中的js方法" 按钮
Button button=(Button)findViewById(R.id.button); 
				
 //给button添加事件响应,执行JavaScript的fillContent()方法
button.setOnClickListener(new Button.OnClickListener() {  
	public void onClick(View v) {
	Log.d("MainActivity","button OnClick");
	webview.loadUrl("javascript:updateHtml()");  
}

HTML部分

<html>
<meta charset="utf-8">
<head>
//为android提供的js方法
<script type="text/javascript">
	function updateHtml(){
		document.getElementById("content").innerHTML =   
		"this is a javascript";
		alert("dialog");
	}
</script>
</head>
<body>
//为js准备的DOM结构
<span id="content"></span>
</body>
</html>