js和andorid之间相互调用

原创 2016年05月31日 09:57:12

js代码:

<span style="font-size:18px;"><script type="text/javascript">

	function testAlert(){
		
		alert("弹出框");
	}
	
	function testConfirm(){
		
		var r = confirm("确认框");
		alert(r);
	}
	
	function testPrompt(){
		
		var r =prompt("输入框","tom");
		alert(r);
	}

	
	function testJscallJava(){
	
	  javascript:window.jsCallJava.toast("我来自js");
	
	}
	
	function testJavacallJs(msg){
	
	alert(msg);
	
	}
	
	
    
	
</script>


</head>
<body>
<input type="button" onclick="testAlert();" value="testAlert" /> <br />
<input type="button" onclick="testConfirm();" value="testconfirm" /> <br />
<input type="button" onclick="testPrompt();" value="testPrompt" /> <br /></span>
<span style="font-size:18px;"><input type="button" onclick="testJscallJava();" value="testJscallJava" /> <br />

</body>
</html></span>
android代码:

<span style="font-size:18px;">public class MainActivity extends Activity {

	private WebView webView;

	@SuppressLint("JavascriptInterface")
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		webView = (WebView) findViewById(R.id.webView);
		
		webView.loadUrl("file:///android_asset/jstest.html");
		
		WebSettings settings = webView.getSettings();
		
		//webVIew是否支持js
		settings.setJavaScriptEnabled(true);
		webView.setWebChromeClient(new WebChromeClient(){
			
			/* (non-Javadoc)
			 * @see android.webkit.WebChromeClient#onJsAlert(android.webkit.WebView, java.lang.String, java.lang.String, android.webkit.JsResult)
			 */
			@Override
			public boolean onJsAlert(WebView view, String url, String message,
					JsResult result) {
				// TODO Auto-generated method stub
				return super.onJsAlert(view, url, message, result);
			}
			
		});
		
		//js调用java
		//添加暴露给js的接口//参数一:object对象,实现要被js调用的方法;参数二:暴露给js的接口名
		webView.addJavascriptInterface(new Object(){
			
			@android.webkit.JavascriptInterface//4.0之后要加这个注解
			public void toast(String str){
				Toast.makeText(MainActivity.this, str, 0).show();
			}
			
		}, "jsCallJava");
		
		
	}

	//点击按钮,调用js方法
	public void callJs(View v){
		
		webView.loadUrl("javascript:testJavacallJs('"+"java传过来的"+"')");
		
	}
	

}</span>



相关文章推荐

Asp.net中后台*.cs与前台JS脚本之间相互调用的几点心得

Asp.net中后台*.cs与前台JS脚本之间相互调用的几点心得      一、 经 常需要在asp.net中“后台代码*.cs文件中调用javascript脚本中已经定义好的脚本函数”。 ...

[Html&JS] 一个网页上,不同的子父窗口iframe之间如何相互调用

最近有个需求是,如图。有一个Help的网页,用户在不同的页面时候,点击? button。此时跳转到help页面的当前页的帮助文档。 Like:当前页面LED,点击上方的?按钮,跳转到help页面的L...

Android之WebView与原生js之间的相互调用

工程目录截图: 编写html页面 test.html Test Page 在浏览器中的运行效果: 在android客户端编写布局文件 activity...
  • btt2013
  • btt2013
  • 2016年07月06日 20:35
  • 3371

学习笔记-php和js之间的相互调用

php入门project:小型淘宝电商网站。 完全零基础自己看着php100零零散散的学了一下就开始上手做了。感觉不是特别系统。在很多方面了解的还不是很系统。希望以后有机会能更加系统的学习一下php...

两个页面之间js的相互调用

一个页面中需要另一个页面的数据(选择带回),实现----> 页面调用 jsFunctionNameForSelectDialog=updateNewDetailAmountFromDeta...

iframe框架之间js方法相互调用及数据传递

在一个叫top.html的页面定义两个iframe和两个方法 function top() { alert("top"); } //调用子框架...

JS与C#后台 函数、变量之间相互调用

前台js与后台C#互相调用 2008-06-04 21:28 C#代码与javaScript函数的相互调用 问: 1.如何在JavaScript访问C#函数? 2.如何在JavaS...

mfc与duilib之间控件相互调用

  • 2017年06月04日 22:04
  • 3MB
  • 下载

js比较详细的date之间的相互转换

一. 就是获取当前时间 var currentDate = new Date(); console.log(currentDate); 输出结果 : Thu May 25 2017 14:2...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js和andorid之间相互调用
举报原因:
原因补充:

(最多只允许输入30个字)