加载html后,将资源中的js文件加载到webview中

时间:2015-01-22 22:06:16

标签: javascript android webview

我搜索了很多,但无法找到任何解决方案。我基本上在webview中使用突出显示文本等功能制作一个epub阅读器。我为此制作了一些javascript文件。但是要在html页面中添加js文件,我需要在html文件中定义它,如:

<script src='file:///android_asset/jquery.js'></script>

但由于html可以是任何文件,我必须使用其他方法加载文件。我尝试使用

view.loadUrl("javascript:loadScript('file:///android_asset/jquery.js','callback')");

但它没有加载我的js(我称它的一些功能,但它们没有用)。

我也尝试了this解决方案,但没有奏效。基本上,我只需要在webview上加载我的js文件,以便以后可以使用它的功能。这听起来像一个简单的任务,但我无法找到任何解决方案。有什么想法吗?

1 个答案:

答案 0 :(得分:4)

您需要将loadDataWithBaseURL用于您的目的。

更新:

我没有看到在任何地方加载到页面中的实际方法loadScript(),因此您可以在调用javascript:loadScript()之前尝试自己创建loadScript方法。

     view.loadUrl("javascript:function loadScript(url, callback)" +
                            "{" +
                            "    var head = document.getElementsByTagName('head')[0];" +
                            "    var script = document.createElement('script');" +
                            "    script.type = 'text/javascript';" +
                            "    script.src = url;" +
                            "    script.onreadystatechange = callback;" +
                            "    script.onload = callback;" +
                            "    head.appendChild(script);" +
                            "}");
view.loadUrl("javascript:loadScript('file:///android_asset/jquery.js','callback')");