android调用js和js调用android

最新推荐文章于 2024-07-24 11:23:56 发布

X_smallBlack

最新推荐文章于 2024-07-24 11:23:56 发布

阅读量490

点赞数

分类专栏： android 文章标签： android javascript html

android 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

这个哥们写的解决方法：http://blog.csdn.net/zgjxwl/article/details/9627685

还有从csdn中找来的资源写的，感谢。

第一步：在main中创建assest目录：添加一个将html文件放进去：创建文本将下面内容复制进去后，保存，更改后缀名为html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html40/strict.dtd">
<HTML>
<HEAD>
<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi" />
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
function showMsg(){
alert("hello world!");
}
function showMsgInAndroid(){
injectedObject.showtost('hello in android!');
}

</script>
</HEAD>
<BODY>
<span>测试js使用</span>
<button id='btntest' οnclick='showMsgInAndroid()'>调用android方法</button>
</BODY>
</HTML>

第二步：创建一个类
public class HtmlToandroid {

private Web_Activity activity;

public HtmlToandroid(Web_Activity activity){
this.activity = activity;
}

//使用注入方式解决安卓4.4以上不能调用的问题
@JavascriptInterface
public void showtost(String msg){
Toast.makeText(activity, msg, Toast.LENGTH_SHORT).show();
}

}
第三步：在主布局文件中加入这个
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">

<Button
android:id="@+id/butt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="调用html方法"/>

<WebView
android:id="@+id/web_view"
android:layout_width="match_parent"
android:layout_height="match_parent"></WebView>

</LinearLayout>

第四步：你懂的
public class Web_Activity extends AppCompatActivity {

private WebView web;
private Button butt;
private Handler mHandler = new Handler();

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_web);
init();
}

private void init() {
web = (WebView) findViewById(R.id.web_view);
butt = (Button) findViewById(R.id.butt);
//内容的渲染需要webviewchromClient去实现，设置webviewChromClient基类
// ，解决js中alert不弹出的问题和其他内容渲染问题
web.setWebChromeClient(new WebChromeClient());
web.getSettings().setJavaScriptEnabled(true);
web.addJavascriptInterface(new HtmlToandroid(Web_Activity.this), "injectedObject");
//把js绑定到全局的myjs上，myjs的作用域是全局的，初始化后可随处使用
web.loadUrl("file:///android_asset/htmltest.html");
butt.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
mHandler.post(new Runnable() {
@Override
public void run() {
web.loadUrl("javascript:showMsg()");
}
});

}
});
}

}