在Webview中 用 JavaScript写一个button 给出activity中的具体代码
时间: 2024-02-24 16:56:37 浏览: 138
javascript 与 webview 交互
首先,在activity的布局文件中添加一个WebView组件:
```
<WebView
android:id="@+id/webview"
android:layout_width="match_parent"
android:layout_height="match_parent" />
```
然后在Activity的Java代码中获取WebView组件,并且启用JavaScript:
```
WebView webView = findViewById(R.id.webview);
webView.getSettings().setJavaScriptEnabled(true);
```
接下来,在JavaScript中创建一个按钮,并且添加一个点击事件:
```
var button = document.createElement("button");
button.innerHTML = "点击我";
button.onclick = function() {
window.android.showToast("Hello World!");
};
```
其中,`window.android.showToast`是一个在Android中定义的JavaScript接口,用于在Android中显示一个Toast。
最后,在Android中定义一个JavaScript接口,用于显示Toast:
```
public class WebAppInterface {
private Context mContext;
public WebAppInterface(Context context) {
mContext = context;
}
@JavascriptInterface
public void showToast(String message) {
Toast.makeText(mContext, message, Toast.LENGTH_SHORT).show();
}
}
```
在Activity中将这个接口添加到WebView中:
```
webView.addJavascriptInterface(new WebAppInterface(this), "android");
```
这样就完成了在WebView中用JavaScript创建一个按钮,并且添加一个点击事件,点击按钮后在Android中显示一个Toast的操作。
阅读全文