js不能直接调用java代码。
站在用户的角度思考问题，与客户深入沟通，找到江苏网站设计与江苏网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站制作、成都网站建设、外贸营销网站建设、企业官网、英文网站、手机端网站、网站推广、空间域名、虚拟空间、企业邮箱。业务覆盖江苏地区。
可以通过页面提交后台的方式，间接调用后台的服务java代码。
也可以通过ajax的方式，调用后台的服务java代码。
两种方式稍有差别，不过都是前后台的通信交互。
首先是网页：
%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%
!DOCTYPE HTML
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
titlejs和android相互调用/title
head
script type="text/javascript" language="javascript"
//调用java方法jsCallJava()
function showHtmlcallJava() {
var str = window.android.jsCallJava();
document.getElementById("info1").value = str;
}
//调用java方法jsCallJavaWithParams(String var)，带参数
function showHtmlcallJava2() {
var str = window.android.jsCallJavaWithParams("Devin Chen");
document.getElementById("info2").value = str;
}
//提供给java调用的方法
function show() {
document.getElementById("id_input").value = "Java调用Html中的方法";
}
//提供给java调用的方法，带参数
function showWithParam(param) {
document.getElementById("id_input2").value = "Java调用Html中的方法: " + param;
}
/script
/head
body
input id="info1" style="width: 90%" type="text" value="null" /br
input type="button" value="Html调用Java方法" onclick="showHtmlcallJava()" /br
input id="info2" style="width: 90%" type="text" value="null" /br
input type="button" value="Html调用带参数的Java方法" onclick="showHtmlcallJava2()" /br
input id="id_input" style="width: 90%" type="text" value="null" /br
input type="button" value="Java调用Html方法" onclick="window.android.javaCallJavaScript()" /br
input id="id_input2" style="width: 90%" type="text" value="null" /br
input type="button" value="Java调用带参数的Html方法" onclick="window.android.javaCallJavaScriptWithParams()" /
/body
/html
Android部分的布局就一个WebView，MainActivity源代码：
/**
* java方法和javascript方法的相互调用
*/
public class MainActivity extends AppCompatActivity {
private static final String url = "";
private WebView mWebView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}
private void initView() {
mWebView = (WebView) findViewById(R.id.web_main);
WebSettings settings = mWebView.getSettings();
settings.setJavaScriptEnabled(true);
settings.setDefaultTextEncodingName("utf-8");
mWebView.loadUrl(url);
mWebView.setWebViewClient(new WebViewClient());
//这两句是必须的,"android"就是jsp中调用方法时window后面的对象
Object obj = getObject();
mWebView.addJavascriptInterface(obj, "android");
}
private Object getObject() {
Object obj = new Object() {
/**
* html中的JavaScript调用Java方法
* 注解是必须的
* @return
*/
@JavascriptInterface
public String jsCallJava() {
return "JavaScript调用Java方法";
}
/**
* html中的JavaScript调用带参数的Java方法
* 注解是必须的
* @return
*/
@JavascriptInterface
public String jsCallJavaWithParams(String var) {
return "JavaScript调用带参数的Java方法" + var;
}
/**
* java调用html中的方法,遗憾的是不知道有什么办法可以拿到返回值
*/
@JavascriptInterface
public void javaCallJavaScript() {
runOnUiThread(new Runnable() {
@Override
public void run() {
mWebView.loadUrl("javascript:show()");
}
});
}
/**
* java调用html中的方法，并且传递参数,这个有大用
*/
@JavascriptInterface
public void javaCallJavaScriptWithParams() {
runOnUiThread(new Runnable() {
@Override
public void run() {
mWebView.loadUrl("javascript:showWithParam('baoge')");
}
});
}
};
return obj;
}
}
一般的浏览器中是无法通过js调用本地java程序的，但是可以调用嵌入到网页的applet的方法。交互方式如下：
applet codebase = "." width = "400" height = "400"
name= "MyApplet" code = "test.applets.MyApplet1.class"
script
// js访问applet属性：document.appletName.appletField (属性必须是public的)
// js访问Applet方法：document.appletName.appletMethod (方法必须是public的)
function showLable{
// 调用test.applets.MyApplet1类的invokeByJS方法
document.applets["MyApplet"].invokeByJS('myvalue');
}
/script
\r\n\r\n//上面我用java代码根据id取得了一个user类的实体 u 下面就可以用js操作显示等等\r\nalert（）；//在窗口打印一个用户名\r\n\r\n