带有HTML按钮和JavaScript的Android WebView

Question

在使用WebView的Android应用程序中，我需要加载一个简单的HTML文件，其中包括HTML按钮和用户单击按钮时必须执行的JavaScript代码。 经过大量阅读之后，我可以将HTML加载到WebView中，但是我无法获取HTML按钮来执行任何JavaScript代码。 这是我编写的代码。

main_activity.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="edu.byui.cit360.webviewwithjs.MainActivity">

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

MainActivity.java

package edu.byui.cit360.webviewwithjs;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main_activity);

        WebView view = (WebView)findViewById(R.id.webview);
        view.loadUrl("file:///android_asset/first.html");
        WebSettings settings = view.getSettings();
        settings.setJavaScriptEnabled(true);
    }
}

first.html

<!DOCTYPE HTML>
<html lang="en-us">
<head>
    <meta charset="utf-8">
    <title>Fuel Efficiency</title>
    <script>
        function mpg() {
            var dist = parseFloat(document.getElementById('distance').value);
            var vol = parseFloat(document.getElementById('volume').value);
            var mpg = dist / vol;
            document.getElementById('volume').innerHTML = mpg;
        }
    </script>
</head>
<body>
    <h3>Fuel Efficiency</h3>
    Distance <input type="number" id="distance" size="4"><br>
    Volume <input type="number" id="volume" size="4"><br>
    <button type="button" onclick="mpg();">Fuel Efficiency</button>
    <div id="output"></div>
</body>
</html>

无论我将什么JavaScript放入HTML按钮的onclick属性中，WebView似乎都不会执行它。 我什至尝试过：onclick =“ alert（'Hello'）”仍然一无所获。 我究竟做错了什么？

Answer 1

在触发loadUrl方法之前，请先设置Webview设置：

    WebView view =(WebView)findViewById(R.id.webview);
    WebSettings settings = view.getSettings();
    settings.setJavaScriptEnabled(true);
    view.loadUrl("file:///android_asset/first.html");

Answer 2

啊！ 我的JavaScript代码中的愚蠢错误。 这条线

document.getElementById('volume').innerHTML = mpg;

应该

document.getElementById('output').innerHTML = mpg;

带有HTML按钮和JavaScript的Android WebView

问题描述

2 个解决方案

解决方案1
1 2017-07-25 05:25:58

解决方案2
0 已采纳 2017-07-24 19:54:21

带有HTML按钮和JavaScript的Android WebView

问题描述

2 个解决方案

解决方案1 1 2017-07-25 05:25:58

解决方案2 0 已采纳 2017-07-24 19:54:21

解决方案1
1 2017-07-25 05:25:58

解决方案2
0 已采纳 2017-07-24 19:54:21