从android webview调用聚合物函数

时间:2017-03-18 11:14:36

标签: javascript polymer android-webview polymer-1.0

我正在使用聚合物构建一些页面以在android web视图中使用。

以下演示代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8 />
        <title></title>
    </head>

    <body>
        <!-- Bootstrap Core CSS -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link rel="import" href="bower_components/polymer/polymer.html">

        <dom-module id="trail-app">
            <template>
                <style>
                </style>

                <div id="content"></div>

            </template>

            <script>
                 Polymer({
                 is: "trail-app",

                 loadDataOne:function(data){
                    document.getElementById("content").innerHTML = data;
                 },

                 });
            </script>

            <script type="text/javascript">

                function loadDataTwo(data) {
                    document.getElementById("content").innerHTML = data;
                }

            </script>   
        </dom-module>
        <trail-app></trail-app>
 </body>
</html>

所以我的问题是,如果函数loadDataTwo被调用,就像这个myWebView.loadUrl("javascript:loadDataTwo('Hello World!')");一样,它运行正常。 但是如果调用函数loadDataOne的方式与它不起作用。如何解决。

1 个答案:

答案 0 :(得分:0)

我试过myWebView.loadUrl("javascript:var temp = document.querySelector('trail-app');temp.loadDataOne('Hello World!')");它工作正常。