如何使用网页开发自己的app,在网页中的按钮与自己的java代码绑定来实现打电话即javascript代码调用java代码,和java代码来调用javascript代码

1首先是如何在自己的app里用网页显示,这样可以较快的更新界面而不需要让客户端升级,方法如下:

xml文件:

<WebView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/web_v"

        />

  2在activity里绑定网页:

public class MainActivity extends ActionBarActivity {

	private WebView web;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        web=(WebView) findViewById(R.id.web_v);

        //相当于得到了浏览器
        WebSettings webset=web.getSettings();
        //可以设置web的属性
        webset.setJavaScriptEnabled(true);
        //下面是被网页里javascript调用的方法,即demo是前面是定义匿名内的类名,里面实现网页里javascript
        //要调用的方法
        web.addJavascriptInterface(new Object(){//在web控件里为javascript代码提供使用接口
      	  @JavascriptInterface   //注意这个别掉了
      	  public void callous()
          	{
      		  System.out.println("hahahahaha");
          		Intent intent=new Intent();
          		intent.setAction(Intent.ACTION_CALL);
          		intent.setData(Uri.parse("tel:"+"123123"));
          		startActivity(intent);
          	}
        }
        , "demo");
        String url=new String("http://192.168.61.173:8080/myweb/zp.html");
        //加载网页到web控件里
		web.loadUrl(url);
        }
    }

  3、网页里面的按钮使用的超链接,方法如下:

<p><a onClick="window.demo.callous()">联系我们</a></p>

 其中demo为类名,callous就是demo类的方法,前面的window是标记,加不加没所谓。若后面有href=“”则默认打开本网页,会启动浏览器,因此这里不要href=“”这个属性。

  4、如何用java代码调用javascript的函数,来显示原来隐藏的内容:

  (1)首先给app添加一个控件:

<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
     tools:context="com.example.appdemo.MainActivity$PlaceholderFragment"
     android:gravity="center_horizontal"
       >
    <WebView
        android:layout_weight="1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/web_v"
        />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/bt"
        android:text="获取密码"
         android:layout_weight="0"
         android:onClick="getpassword"

        />
    </LinearLayout>

  (2)然后网页body前里写入如下的代码,即是点击事件响应的内容,就是把id为content内容显示密码,<content>可以放入网页的任何位置

<script>
function fillContent(){
	document.getElementById("content").innerHTML="隐藏密码为:1234567890"
}
</script>
<body><p id="content"></p>

  (3)在activity的点击事件里添加如下代码即可

  

 public void getpassword(View v)
    {
    	web.loadUrl("javascript:fillContent()");
    }

  显示如下:1运行后,2为点击“获取密码后的网页:”

               

时间: 2024-11-07 12:55:47

如何使用网页开发自己的app,在网页中的按钮与自己的java代码绑定来实现打电话即javascript代码调用java代码,和java代码来调用javascript代码的相关文章

网页开发是不是必须要用网页框架

网页开发是不是必须要用网页框架?个人感觉这分为两种情况,一种是能力超强,时间够用的情况,另外一种就是用前端网页框架,可以节约开发时间和减少工作量,这可以根据自身的情况作出正确的判断,并不是别人说什么就是什么. 小项目到底用不用前端网页框架? 小项目本身就是做的事情比较多,但是成本还小,如果让开发人员不停写代码可能会花很多的时间去做,这需要考虑到这个小项目开发时间和成本的.如果用前端网页框架相信大家都知道,可能会考虑到浏览器兼容性,还有功能不够自己用,我想这都不用担心,从QUICKUI开发以来,体

第一章---动态网页开发基础

动态网页开发基础 什么是动态网页? 误区: 初学者一般认为动态网页,就是会动的网页,实际上不是这样的. 动态网页: 是指在服务器端进行的,使用程序语言设计的交互式网页,它们会 根据某种条件的变化,返回不同的网页内容. 动态网页的优势: 1.交互性:即网页会根据用户的要求和选择而动态改变和显示内容 2.自动更新:即无须改变页面代码,便会自动生成新的页面内容,可以节省工作量 3.随机性:即当不同的时间,不同的人访问同一网址时会产生不同的页面效果 为什么学习B/S架构技术? 在学习B/S架构前,先了解

React-Native 开发 android & ios App,共享一份代码

React-Native 开发的App, 所有组件ios & android 共用, 共享一份代码 包括一些自定义的组件, 如NavigationBar, TabBar, SegmentedControl, 使用字体图标, 具有一定的参考意义 主要专注于布局, 共享组件/代码, 以及一些React自带的组件, 如: ScrollView, TouchableOpacity, View, Text, ListView, Image, WebView 和 Api的使用, 这并不是一个完整版, 只是业

网页开发笔记【一】创建一个半透明的页面

近来正在温习网页制作,系列<网页开发笔记>记录本人在解决网页开发过程中遇到的问题以及解决方案. 半透明的页面在网页开发中使用的比较广泛,尤其在web app中,这种设计使用的地方更为广泛,本文记录这种半透明的页面的开发方法. 半透明页面常用于用户注册,这时候弹出一个页面能在不离开当前页面的情况下完成注册. 如百度的登陆界面所示. 我的处理方法如下: 首先在页面写一个div,这个div平时display设置为none,当需要的时候设置为display:block; 这个div(设其id为popu

移动web开发和移动app开发的区分

1.移动web开发 这部分跟web前端开发差别不大,使用的技术都是html+css+js.区别为手机浏览器是webkit的天下,pc端是IE的天 下.手机网页可以理解成pc网页的缩小版加一些触摸特性.因为是在浏览器中进行的网页开发,所有最终代码具有跨系统平台的特性. 2.web app开发 特指的是用html5技术开发,之所以叫web app是因为他比较接近客户端应用程序的用户体验,可以和系统深度融合,调用一些只有客户端才能调用的功能(比如在移动设备上利用html5开发出的网页可以访问电话.摄像

网页开发的6种在线调试环境

转自 阮一峰 http://www.ruanyifeng.com/blog/2012/02/6_online_playgrounds_for_web_developing.html 作者: 阮一峰 日期: 2012年2月13日 如今的网页代码,一般由三个部分组成: * HTML,语义层,提供网页的内容. * CSS,表现层,规定网页的外观. * Javascript,动作层,定义用户与网页的互动. 理想的开发环境,应该既可以分别调试这三种代码,又可以轻松查看它们合并在一起的整体效果. 浏览器是最

经常使用的网页开发工具有哪些

制作网页的基本软件离不开HTML,可是假设真的要用其完毕所有的网络课程开发是不现实的,由于既不方便效率又低,经常使用的方法是选择一种工具软件,仅仅是在必要的时候对工具软件生成的HTML文件进行编辑,这样能够使开发工作变得简单又轻松. 但网页制作工具仅仅是对当中各种类型的媒体进行了集成,媒体的编辑还须要各种类型的媒体工具软件. 一. Microsoft公司的FrontPage 应用开发工具可大大提高编制网络课件的效率. 眼下,国际上比較流行的Web页制作软件大致能够分为两类:代码型和所见即所得型.

《HTML 5网页开发实例详解》目录

第一篇  从宏观上认识HTML 5 讲述了HTML 5引发的Web革命.HTML 5的整体特性.HTML 5相关概念和框架和开发环境搭建. 第1章 HTML 5引发的Web革命 1.1  你是不是真的了解HTML 5 1.1.1  通过W3C认识HTML 5的发展史 1.1.2  HTML 5.HTML4.XHTML的区别 1.1.3  什么人应该学HTML 5 1.1.4  一个图告诉你如何学习HTML 5 1.2  浏览器之争 1.2.1  说说这些常见的浏览器 1.2.2  浏览器的兼容烦

React Native 技术 开发跨平台 Native App 初探

转载请注明出处:http://blog.csdn.net/smartbetter/article/details/64190798 我们已经了解像 Titanium 和 PhoneGap 等框架,它们能让开发者用 Web 技术构建移动应用.这是一个优势,支持开发者使用原先网络和移动开发的相关技术.仅如此,相同的代码库经过小幅度的修改便能适用多个平台--这就是著名的一次编写,到处运行.然而,当涉及到构建应用的性能时,这些框架的缺点显露无遗,尽管它们有一些吸引力,但却一直更适用于构建原生应用.Rea