Examples_08

http://yarin.iteye.com/?page=4

Activity01.java

package com.yarin.android.Examples_08_07;

import android.app.Activity;

import android.os.Bundle;

import android.webkit.JavascriptInterface;

import android.webkit.JsResult;

import android.webkit.WebChromeClient;

import android.webkit.WebView;

public class Activity01 extends Activity {

    private WebView mWebView;

    private PersonalData mPersonalData;

    /** Called when the activity is first created. */

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        mPersonalData = new PersonalData();

        mWebView = (WebView) this.findViewById(R.id.WebView01);

        // 设置支持JavaScript

        mWebView.getSettings().setJavaScriptEnabled(true);

        // 把本类的一个实例添加到js的全局对象window中，

        // 这样就可以使用window.PersonalData来调用它的方法

        mWebView.addJavascriptInterface(this, "PersonalData");

        // 如果不设置这个，JS代码中的按钮会显示，但是按下去却不弹出对话框

        // Sets the chrome handler. This is an implementation of WebChromeClient

        // for use in handling JavaScript dialogs, favicons, titles, and the

        // progress. This will replace the current handler.

        mWebView.setWebChromeClient(new WebChromeClient() {

            @Override

            public boolean onJsAlert(WebView view, String url, String message,

                    JsResult result) {

                // TODO Auto-generated method stub

                return super.onJsAlert(view, url, message, result);

            }

        });

        // 加载网页

        // mWebView.loadUrl("file:///android_asset/PersonalData_new.html");

        mWebView.loadUrl("file:///android_asset/PersonalData.html");

    }

    // 在js脚本中调用得到PersonalData对象

    @JavascriptInterface

    public PersonalData getPersonalData() {

        return mPersonalData;

    }

    // js脚本中调用显示的资料

    class PersonalData {

        String mID;

        String mName;

        String mAge;

        String mBlog;

        public PersonalData() {

            this.mID = "123456789";

            this.mName = "Android";

            this.mAge = "100";

            this.mBlog = "http://yarin.javaeye.com";

        }

        public String getID() {

            return mID;

        }

        public String getName() {

            return mName;

        }

        public String getAge() {

            return mAge;

        }

        public String getBlog() {

            return mBlog;

        }

    }

}

PersonalData_new.html

<html>

    <head>

        <script type="text/javascript">

        function showAndroidToast(toast)

        {

            var personaldata_new = PersonalData.getPersonalData();

            alert(personaldata_new);

            var personaldata = window.PersonalData.getPersonalData();

            if(personaldata)

            {

                    var Personaldata = document.getElementById("Personaldata");

                pnode = document.createElement("p");

                tnode = document.createTextNode("ID:" + personaldata.getID());

                pnode.appendChild(tnode);

                Personaldata.appendChild(pnode);

                pnode = document.createElement("p");

                    tnode = document.createTextNode("Name:" + personaldata.getName());

                pnode.appendChild(tnode);

                Personaldata.appendChild(pnode);

                pnode = document.createElement("p");

                tnode = document.createTextNode("Age:" + personaldata.getAge());

                pnode.appendChild(tnode);

                Personaldata.appendChild(pnode);

                pnode = document.createElement("p");

                tnode = document.createTextNode("Blog:" + personaldata.getBlog());

                pnode.appendChild(tnode);

                    Personaldata.appendChild(pnode);

            }

        }

               function myFunction(){

                   console.log("Write a new Line");//调试信息

                   alert("Hello World!");

               }

        </script>

</head>

<body>

    <div id = "Personaldata">

        <p> Personal Data </p>

        <button onclick="myFunction()">click here!</button>

        <input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />

    </div>

</body>

</html>

PersonalData.html

<html>

    <head>

        <script type="text/javascript">

           function onload(){

            var personaldata = window.PersonalData.getPersonalData();

            if(personaldata)

            {

                var Personaldata = document.getElementById("Personaldata");

                pnode = document.createElement("p");

                tnode = document.createTextNode("ID:" + personaldata.getID());

                pnode.appendChild(tnode);

                Personaldata.appendChild(pnode);

                pnode = document.createElement("p");

                tnode = document.createTextNode("Name:" + personaldata.getName());

                pnode.appendChild(tnode);

                Personaldata.appendChild(pnode);

                pnode = document.createElement("p");

                tnode = document.createTextNode("Age:" + personaldata.getAge());

                pnode.appendChild(tnode);

                Personaldata.appendChild(pnode);

                pnode = document.createElement("p");

                tnode = document.createTextNode("Blog:" + personaldata.getBlog());

                pnode.appendChild(tnode);

                Personaldata.appendChild(pnode);

            }

        }

        </script>

</head>

<body onload="javascript:onload()">

    <div id = "Personaldata">

        <p> Personal Data </p>

    </div>

</body>

</html>

或者

<html>

    <head>

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

        </script>

</head>

<body onload="javascript:myFunction()">

    <div id = "Personaldata">

        <p> Personal Data </p>

        <button onclick="myFunction()">click here!</button>

    </div>

</body>

</html>

test2.js

function myFunction(){

var personaldata = window.PersonalData.getPersonalData();

    if(personaldata)

    {

        var Personaldata = document.getElementById("Personaldata");

    pnode = document.createElement("p");

        tnode = document.createTextNode("ID:" + personaldata.getID());

        pnode.appendChild(tnode);

        Personaldata.appendChild(pnode);

    pnode = document.createElement("p");

        tnode = document.createTextNode("Name:" + personaldata.getName());

        pnode.appendChild(tnode);

        Personaldata.appendChild(pnode);

    pnode = document.createElement("p");

        tnode = document.createTextNode("Age:" + personaldata.getAge());

        pnode.appendChild(tnode);

        Personaldata.appendChild(pnode);

    pnode = document.createElement("p");

        tnode = document.createTextNode("Blog:" + personaldata.getBlog());

        pnode.appendChild(tnode);

        Personaldata.appendChild(pnode);

    }

}

或者

<html>

    <head>

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

        </script>

</head>

<body><!-- onload="javascript:myFunction()"-->

    <div id = "Personaldata">

        <p> Personal Data </p>

        <button onclick="myFunction()">click here!</button>

    </div>

</body>

</html>

test2.js

window.onload= function(){

var personaldata = window.PersonalData.getPersonalData();

    if(personaldata)

    {

        var Personaldata = document.getElementById("Personaldata");

    pnode = document.createElement("p");

        tnode = document.createTextNode("ID:" + personaldata.getID());

        pnode.appendChild(tnode);

        Personaldata.appendChild(pnode);

    pnode = document.createElement("p");

        tnode = document.createTextNode("Name:" + personaldata.getName());

        pnode.appendChild(tnode);

        Personaldata.appendChild(pnode);

    pnode = document.createElement("p");

        tnode = document.createTextNode("Age:" + personaldata.getAge());

        pnode.appendChild(tnode);

        Personaldata.appendChild(pnode);

    pnode = document.createElement("p");

        tnode = document.createTextNode("Blog:" + personaldata.getBlog());

        pnode.appendChild(tnode);

        Personaldata.appendChild(pnode);

    }

}

4.2及以上版本必须在js调用的java方法加上@JavascriptInterface，4.1及以下版本不用加上注释。

Examples_08_07的更多相关文章

使用WebView出现web page not available
很有可能是没有设置权限,所以不能浏览相应的URL,设置如下: 在AndroidManifest.xml中添加 <uses-permission android:name="androi ...

随机推荐

java使用json抛出org.apache.commons.lang.exception.NestableRuntimeException解决方案
出现这个问题,说明缺少jar包,将下面的jar引入即可 commons-beanutils-1.8.3 commons-lang-2.6 (注:导入最新的 3.1 版本会继续报如下错误) common ...
C# 中使用 OpenSSL 的公钥/私钥进行加密和解密
在C#中进行RSA解密,需要用RSACryptoServiceProvider,但是不支持OpenSSL格式的公钥或者私钥. X509 公钥 -----BEGIN PUBLIC KEY----- MI ...
nginx 伪静态大于10个参数 $10
伪静态大于10个参数会解析成 $1 与 0 参考:http://zhidao.baidu.com/link?url=kT2tp8ARhIZsrt4XF3LdzjkEq0QTIbvhOj9Ck ...
Spark笔记--使用Maven编译Spark源码(windows)
1. 官网下载源码 source code,地址: http://spark.apache.org/downloads.html 2. 使用maven编译: 注意在编译之前,需要设置java堆大小以及 ...
你不知道的JavaScript（作用域和闭包）
作用域和闭包・作用域引擎:从头到尾负责整个JavaScript的编译及执行过程. 编译器:负责语法分析及代码生成等. 作用域:负责收集并维护由所有声明的标识符(变量)组成的一系列查询,并实施一套非 ...
linux kernel
first step. http://www.cyberciti.biz/faq/howto-install-kernel-headers-package/ http://uliweb.clkg.or ...
桌面小部件----LED电子时钟实现
桌面控件是通过 Broadcast 的形式来进行控制的,因此每个桌面控件都对应于一个BroadcastReceiver.为了简化桌面控件的开发,Android 系统提供了一个 AppWidgetPro ...
POJ1068 Parencodings(模拟)
题目链接. 分析: 水题. #include <iostream> #include <cstdio> #include <cstring> using names ...
css+div 布局遇到的小常识
/根目录../上层目录举例如下: 在photo.css文件中写入: div.ls{ background:url(../photo/framels.jpg) no-repeat left; }div. ...
C#文本转语音并保存wav和MP3文件
回顾上次写博客至今都有4个多月了,最近工作比较的忙没时间写博文.以后会多坚持写博文,与大家分享下最近遇到的问题.最近因为项目需要,研究了下用C#开发TTS.下面把大体的思路给大家说说,希望对大家有所帮 ...

Examples_08_07

Examples_08_07的更多相关文章

随机推荐

热门专题