android中Webview与javascript的交互（互相调用）

最近做android项目中遇到要在webview中做与js交互相关的东东，涉及到js中调用android本地的方法，于是查了资料整理了一下android和js互相调用的过程。如下demo，demo的主要实现过程如下：通过加载本地的html文件（里面有js脚本），实现android本地方法和js中的交互。

第一步：

mainfest.xml中加入网络权限

[java] view plain copy

<uses-permissionandroid:name="android.permission.INTERNET"/>

第二步：

加载本地写好的html文件（定义好js中提供给android调用的方法 funFromjs(),和android提供给js调用的对象接口fun1FromAndroid(String name)）,放在 assets目录下。

[html] view plain copy

<body>
<a>js中调用本地方法</a>
<script>
functionfunFromjs(){
document.getElementById("helloweb").innerHTML="HelloWebView,i'mfromjs";
}
varaTag=document.getElementsByTagName('a')[0];
aTag.addEventListener('click',function(){
//调用android本地方法
myObj.fun1FromAndroid("调用android本地方法fun1FromAndroid(Stringname)！！");
returnfalse;
},false);
</script>
<p></p>
<divid="helloweb">
</div>
</body>

第三步：

实现android工程与js交互的相关代码

android主题代码：

[java] view plain copy

@SuppressLint({"JavascriptInterface","SetJavaScriptEnabled"})
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化
initViews();
//设置编码
mWebView.getSettings().setDefaultTextEncodingName("utf-8");
//支持js
mWebView.getSettings().setJavaScriptEnabled(true);
//设置背景颜色透明
mWebView.setBackgroundColor(Color.argb(0,0,0,0));
//设置本地调用对象及其接口
mWebView.addJavascriptInterface(newJavaScriptObject(mContext),"myObj");
//载入js
mWebView.loadUrl("file:///android_asset/test.html");
//点击调用js中方法
mBtn1.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewv){
mWebView.loadUrl("javascript:funFromjs()");
Toast.makeText(mContext,"调用javascript:funFromjs()",Toast.LENGTH_LONG).show();
}
});
}

js调用的android对象方法定义

[java] view plain copy

publicclassJavaScriptObject{
ContextmContxt;
publicJavaScriptObject(ContextmContxt){
this.mContxt=mContxt;
}
publicvoidfun1FromAndroid(Stringname){
Toast.makeText(mContxt,name,Toast.LENGTH_LONG).show();
}
publicvoidfun2(Stringname){
Toast.makeText(mContxt,"调用fun2:"+name,Toast.LENGTH_SHORT).show();
}
}

效果图：

。。。。

更多相关文章

随机推荐