android与javascript交互

  1. //javascript代码
  2. <html>  
  3.  <head>  
  4.   <script>  
  5.   //给函数一个返回值  
  6.    function to(){  
  7.     alert("起飞")  
  8. }  
  9.   
  10.    function val(){  
  11.     var vname=document.getElementById("uname").value; //获取文本框中的值  
  12.     var vpwd=document.getElementById("upwd").value; //获取密码文本框中的值===>赋值给变量vpwd  
  13.     if(vname==""){  
  14.      alert("用户名不能为空!");  
  15.      return false;  
  16.     }else if(vpwd==""){  
  17.      alert("密码不能为空!");  
  18.      return false;  
  19.     }  
  20.     //把值给android应用程序  
  21.     meet.quzhi(vname,vpwd);  
  22.     return false;  
  23.       
  24.    }  
  25.   </script>  
  26.  </head>  
  27.  <body>  
  28.    <form action="welcome.html" οnsubmit="return val()">  
  29.      用户名<input id="uname" name="uname" /><br/>  
  30.       
  31.     密码<input  id="upwd" type="password" /><br/><br/>  
  32.       
  33.     <input type="submit" value="登录"/>  
  34.    </form>  
  35.  </body>  
  36.    
  37. </html>

//布局文件
[java]  view plain  copy
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     android:paddingBottom="@dimen/activity_vertical_margin"  
  6.     android:paddingLeft="@dimen/activity_horizontal_margin"  
  7.     android:paddingRight="@dimen/activity_horizontal_margin"  
  8.     android:paddingTop="@dimen/activity_vertical_margin"  
  9.     tools:context=".MainActivity"  
  10.     android:orientation="vertical" >  
  11.   
  12.     <Button   
  13.         android:onClick="btn"  
  14.         android:layout_width="wrap_content"  
  15.         android:layout_height="wrap_content"  
  16.         android:text="调javascript"/>  
  17.       
  18.     <WebView  
  19.         android:layout_width="fill_parent"  
  20.         android:layout_height="fill_parent"  
  21.         android:id="@+id/wv" />  
  22.   
  23. </LinearLayout> 

            //main代码
  1. public class MainActivity extends Activity {  
  2.   
  3.     @Override  
  4.     protected void onCreate(Bundle savedInstanceState) {  
  5.         super.onCreate(savedInstanceState);  
  6.         setContentView(R.layout.activity_main);  
  7.         WebView wv=(WebView) findViewById(R.id.wv);  
  8.         WebSettings settings = wv.getSettings();  
  9.         settings.setDefaultTextEncodingName("utf-8");  
  10.         settings.setJavaScriptEnabled(true);  
  11.         //允许弹框  
  12.         wv.setWebChromeClient(new WebChromeClient(){});  
  13.         //不使用系统的浏览器打开  
  14.         wv.setWebViewClient(new WebViewClient(){});  
  15.         wv.addJavascriptInterface(new chuan(), "meet");  
  16.         wv.loadUrl("file:///android_asset/aa.html");  
  17.     }  
  18.        //调网页的方法  
  19.        public void btn(View v){  
  20.         wv.loadUrl("javascript:to()");  
  21.     }  
  22.     class chuan{  
  23.         @JavascriptInterface  
  24.         public void getjs(String name){  
  25.             Toast.makeText(MainActivity.this"欢迎"+name, 1).show();  
  26.         }  
  27.     }  
  28. }


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值