Question

我有一个webview，它加载了一个html文件。

现在我想从webview调用Javascript函数DataInput（）。

这是我的代码。但是控制台返回

E/Web Console(435): Uncaught ReferenceError: DataInput is not defined:1

有人知道为什么吗？谢谢！

WebView engine = (WebView) (findViewById(R.id.webView1));

    engine.setWebViewClient(new WebViewClient());
    engine.setWebChromeClient(new WebChromeClient() {
          public boolean onConsoleMessage(ConsoleMessage cm) {
                Log.d("MyApplication", cm.message() + " -- From line "
                                     + cm.lineNumber() + " of "
                                     + cm.sourceId() );
                return true;
              }
            });
    engine.getSettings().setJavaScriptEnabled(true);
    engine.getSettings().setPluginsEnabled(true);

    engine.loadUrl("file:///" + path);
    engine.loadUrl("javascript:DataInput()");

我的html文件包含以下代码：

<script type="text/javascript">    
function DataInput( )
{   
  $( "video" ).each( function(e){this.play();}   );
  $( "video" ).bind( "ended", function(e){this.play();});
}
</script>

进一步编辑:::::

我添加了一个按钮并在onclick上调用了JS，它（有点）工作了......即

public void onClick(View arg0) {
    engine.loadUrl("javascript:DataInput()");

}

怎么来????我真的很想知道为什么......

P.S。我说（有点）工作，因为视频确实自动播放（由于$（“视频”）.each（function（e）{this.play（）;}）;）但不循环（$（“视频”）。 bind（“ends”，function（e）{this.play（）;}）;＆lt;＆lt;＆lt; not working）

Answer 1

将您的Javascript更改为此

<script type="text/javascript" src="location_of_your_jquery_file" />
<script type="text/javascript">
$(document).ready(function () {
    $.fn.gotofunc = function () {
        $("video").each(function (e) {
            this.play();
        });
        $("video").bind("ended", function (e) {
            this.play();
        });
    };

    function DataInput() {
        $.fn.gotofunc();
    }
});
</script>

从webview Android调用javascript函数

1 个答案: