摘要
以android移动端为例
随着h5在移动端的普及,移动端对webview的使用越来越平凡,有的界面也不仅仅局限于网页的显示,很多时候就要涉及到webview与javascript代码之间的交互,这对于移动端工程师和web端工程师都是一个挑战,下面来总结下它们之间的交互和注意事项。 1.先说js中调用android代码:下面是我写的一段简单的js代码:放在了assets文件夹下了(注意若使用的是AS这个IDE,assets文件夹应放在src/main目录下)
代码非常简单,页面中就一个按钮,点击这个按钮调用callAndroid函数,这里需注意callAndroid函数中的语句是android中对外的的一个函数,在android中的代码:
这里需注意的是hello函数加上注解@javascriptInterface,这样点击html中的按钮就会调用android中的hello方法了。 2.android调用js代码: js代码如下:
android代码如下:
当android中的按钮被点击时会触发click方法,然后执行webview.loadUrl("javascript:callJS()"),然后js中正好有callJS这个方法,然后alert()就会被执行,这里需要注意的是在android的代码中我没有直接写
而是加了一个post(new Runble),若不加的话js代码是不被调用的。 好了,是不是so easy,android与js的简单交互就是这样,欢迎补充
著作权归作者所有
|
|