JavaScript 不适用于 android WebView，未捕获的 ReferenceError答案

【问题标题】：JavaScript not working with android WebView, Uncaught ReferenceErrorJavaScript 不适用于 android WebView，未捕获的 ReferenceError
【发布时间】：2013-10-09 15:16:14
【问题描述】：

我正在尝试使用 WebView 在 android 上加载 Web 应用，但我的 html 文件中的 JavaScript 没有正确执行。

我创建 WebView 并像这样加载主页：

web = new WebView(this);
web.getSettings().setJavaScriptEnabled(true);
web.getSettings().setDomStorageEnabled(true);
JavaScriptInterface jsInterface = new JavaScriptInterface(web, this);
web.setWebChromeClient(new WebChromeClient());
web.addJavascriptInterface(jsInterface, "JSInterface");
web.loadUrl("file:///android_asset/web/home.html");

主页加载完成后，我点击另一个本地页面 register.html 的链接，在该页面的头部有一个 JavaScript 函数

<script type="text/javascript">

    function doRegister() {
        var user = document.getElementById("username").value;
    var email = document.getElementById("email").value;
    var pass = document.getElementById("password").value;
    var confPass = document.getElementById("confirmPassword").value;
    var message = "";

    if (user.length < 6 || user.length > 16) {
        message = message + "Username must be between 6 and 16 characters.<br>";
    }
    if (pass.length < 8 || pass.length > 16) {
        message = message + "Password must be between 8 and 16 characters.<br>";
    }
    if (pass !== confPass) {
        message = message + "Password and confirm password do not match.<br>";
    }
    if (email.indexOf("@") === -1) {
        message = message + "Email address is invalid.<br>";
    }
    if (message === "") {
        message = JSInterface.register(user, email, pass);
        if (message === "") {
            window.location.href = "home.html";
        }
    }

    document.getElementById("message").style.color="red";
    document.getElementById("message").innerHTML=message;
    }
</script>

这个函数是由一个按钮 onclick 调用的，像这样

<input id="register" type="button" value="Submit" data-role="button" data-inline="true" data-theme="b" onclick="doRegister()" />

似乎当单击该按钮时，它试图在 home.html 上调用 doRegister()。当我点击按钮时，我得到Uncaught ReferenceError: doRegister is not defined at file:///android_asset/web/home.html:1

为了确认这一点，我在 home.html 中添加了一个 JavaScript 函数，它只显示一个警报，当我单击 register.html 中的按钮时，它确实执行了

对于这个问题的任何帮助将不胜感激。谢谢。

更新：忘了提一下，JavaScript 在 eclipse 网络浏览器和 firefox 中都能正常执行。这是我的家.html

<!doctype html>
<html>
<head>
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="pagination/jquery.simplePagination.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

<script type="text/javascript>
    function doSubmit() {
        alert("test");
    }
</script>


</head>
<body>
    <div data-role="page" id="home">
        <div data-role="header" data-theme="b">
            <h1>Home</h1>
        </div>
        <div data-role="content">
            <ul data-role=listview>
                <li> <a href = professors.html> Browse Professors </a> </li>
                <li> <a> Search Professors </a> </li>
                <li> <a> Browse Course </a> </li>
                <li> <a> Search Course </a> </li>
                <li> <a href = login.html> Login </a> </li>
                <li> <a href = register.html> Register </a> </li>
            </ul>
        </div>
        <div data-role="footer">
            <h4>footer</h4>
        </div>
    </div>
</body>
</html>

【问题讨论】：

用脚本显示你的 home.html 页面
听起来语法错误导致解析器找不到doRegister。您是否在 google chrome (pc) 中尝试过您的页面以检查语法错误？

标签： javascript android html webview

【解决方案1】：

基本上 webview 无法找到函数 doRegister() ，因为它位于另一个未加载的 html 页面 register.html 中。试试这个
1. 将 register.html 中的 js 部分移动到某个 .js 文件中，比如 func.js
2.然后在你的home.html中引用func.js为

<script type="text/javascript" src="func.js"></script>

3。加载页面后，单击按钮应调用 doRegister()

【讨论】：