js交互

最新推荐文章于 2023-07-08 18:57:57 发布
最新推荐文章于 2023-07-08 18:57:57 发布
阅读量142 收藏
点赞数 1
分类专栏： 电商类
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013628092/article/details/88071949
版权

assets/text.html


<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>Carson</title>  
      <script>
         function callAndroid(){
            test.hello("js调用了android中的hello方法");
         }

         function returnResult(){
            alert("result is");
            }
      </script>
   </head>


   <body>
      <button type="button" id="button1" onclick="callAndroid()"> 调用安卓代码 </button>
   </body>


</html>

MainActivity

package com.example.zsd.myapplication0301;
import android.annotation.SuppressLint;
import android.content.DialogInterface;
import android.content.res.AssetManager;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.webkit.JavascriptInterface;
import android.webkit.JsResult;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    Button tojs;
    WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = findViewById(R.id.web_id);
        tojs = findViewById(R.id.calljs_but_id);
        WebSettings settings = webView.getSettings();
        //设置js交互
        settings.setJavaScriptEnabled(true);
        //设置js弹窗
        settings.setJavaScriptCanOpenWindowsAutomatically(true);
        //设置对象映射
        webView.addJavascriptInterface(new JsToAndroid() ,"test");
        webView.loadUrl("file:///android_asset/text.html");
        webView.setWebChromeClient(new WebChromeClient());
        tojs.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                webView.loadUrl("javascript:returnResult()");
            }
        });
    }

    public class JsToAndroid {
        @JavascriptInterface
        public void hello(final String str) {
            runOnUiThread(new Runnable() {
            @Override
            public void run() {
                Toast.makeText(MainActivity.this , str , Toast.LENGTH_LONG).show();
            }
        });
    }
    }
}

 

u013628092
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS 基础交互（交互三部曲）
qq_44748497的博客
11-06 1026
交互三步曲：找到对应的标签，添加事件，事件发生时的反馈 获取标签 通过id获取 语法：document.getElementById("id名")：获取到的是一个唯一标签 //1.通过id获取元素 var oSs = document.getElementById("ss"); //2.添加事件 标签.onclick = function(){ 事件发生时要执行的操作 } oSs.onclick = function(){ alert("easy"); } 通..
js交互效果
weixin_52564592的博客
05-30 395
学习目标： 提示：这里可以添加学习目标 例如：一周掌握 Java 入门知识 学习内容： 提示：这里可以添加要学的内容 例如： 1、 搭建 Java 开发环境 2、 掌握 Java 基本语法 3、 掌握条件语句 4、 掌握循环语句 学习时间： 提示：这里可以添加计划学习的时间 例如： 1、 周一至周五晚上 7 点—晚上9点 2、 周六上午 9 点-上午 11 点 3、 周日下午 3 点-下午 6 点 学习产出： 提示：这里统计学习计划的总量 例如： 1、 技术笔记 2 遍 2、CSDN 技术博客
JS基本交互
爱敲代码的狼仔
08-10 2069
1.运算符与表达式 概念 运算符：用于执行程序代码的运算，针对于一个以上的操作数进行运算 1 + 1 ： 1---操作数 +：运算符 表达式：由一个或多个操作数通过运算符组成是式子 1 + 1，a = 10, a++ 运算符：算术运算符、赋值运算符、逻辑运算符、比较运算符，三目运算符 1.1 算术运算符 种类：+ - * / %（取余，求模），++(自增，自加)， -- 基本操作 //1.算术运算符 + - * / %（取
WebView与 JS 交互方式
qq_39431405的博客
01-29 2717
Webview与JS的交互方法
javaScript与用户的交互方式
最新发布
qq_41038797的博客
07-08 1079
alert()函数用于显示一条消息，confirm()函数用于显示一个确认框，用户可以选择"确定"或"取消"，而prompt()函数则显示一个提示框，用户可以输入文本。这只是 JavaScript 与用户交互的一些基本方法，实际上，还有许多其他的技术和库可以实现更复杂的用户交互体验，如使用框架（如React、Angular、Vue.js）或库（如jQuery）来简化交互操作。综上所述，直接与用户交互和通过DOM交互都是为了实现网页与用户的交互，但在交互方式、功能扩展、灵活性和代码复杂性等方面存在一些区别。
Android与JS交互详解
u013773608的博客
03-01 5621
先来说说什么是JS交互：说的俗一点就是通过我们项目中的控件来调用HTML里的JS代码，也可以通过JS来调用项目中的代码。
js与native交互
小小程序猿
12-02 2384
UIWebView WKWebView js调用
WebView与Js交互
04-10
通过分析和运行这个Demo，开发者可以直观地理解WebView与JavaScript交互的工作原理。 总结，WebView与JavaScript交互是Android应用与网页深度集成的关键技术。通过合理的接口设计和安全控制，我们可以利用这一特性...
安卓和JS交互通讯Demo，Android和JavaScript交互，安卓webview和js交互demo，中文不乱码
05-31
安卓和JS交互通讯Demo，Android和JavaScript交互，安卓webview和js交互demo，中文不乱码 可点击下载文件，点击返回功能，双击返回退出软件，webview alert confirm调用安卓系统弹窗 H5 localStorage本地存储功能，...
JSP与JS交互问题 值传递
10-30
在Web开发中，JSP（Java Server Pages）和JS（JavaScript）都是常用的技术，但是在实际开发中，两者之间的交互问题经常会出现，特别是在值传递方面。本文将讨论JSP与JS交互问题的值传递，包括在JSP中访问JS返回的值...
android原生和js交互传递参数 包含特殊字符
05-10
android原生和js交互传递参数 包含特殊字符 例如"\'"等情况 避免Uncaught SyntaxError: missing ) after argument list 避免JSON.parse失败等情况 利于快速和webview交互 加速开发过程
swift与JS交互
08-17
Swift与JavaScript交互是iOS开发中的一个重要话题，尤其是在构建富交互性的移动应用时。Swift通过WKWebView组件提供了与JavaScript高效通信的桥梁，使得原生应用能够充分利用Web技术的优点，同时保持高性能和安全...
2.02.17js交互.
m0_59593735的博客
03-07 400
2.07.17 1.js交互 1.警告框 只有一个按钮 语法：alert(""); 只能填一个字符串，为警告框提示语 没有返回值，返回值是undefined 2.对话框 有取消与确定两个按钮 语法：confirm(""); 只能填一个字符串，为对话框提示语 返回Boolean值，返回值为 true 或 false 3.输入提示框 有取消与确定两个按钮 语法：prompt(""); 可以填两个字符串，一个字符串为提示框提示语，一个为输入框默认输入 返回string值,当按取消按钮返
我喜欢的js交互效果
tt123_321的博客
06-07 1168
js交互效果有很多，比如包含了网页上所有的特效，轮播图，放大镜，Tab栏........ 1.今天介绍一下我喜欢的js交换效果：轮播图，这个效果zai
Objective-c与js交互专题
junbaozi的专栏
05-06 2136
1     原理 在写 JavaScript 的时候，可以使用一个叫做 window 的对象，像是我们想要从现在的网页跳到另外一个网页的时候，就会去修改 window.location.href 的位置；在我们的 Objective-C 程序码中，如果我们可以取得指定的 WebView 对象，也就可以拿到这个出现在 JavaScript 中的 window 对象，也就是 [webView w
简单JS交互
weixin_44668058的博客
05-05 1255
建立完之后，里面放入Html， 布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" ...
JavaScript（二）
snowyfly的博客
08-23 258
JS交互
XBanner一屏多显
u013628092的博客
03-22 1080
implementation 'com.github.xiaohaibin:XBanner:1.6.1' <com.stx.xhb.xbanner.XBanner android:layout_width="match_parent" android:layout_height="@dimen/dp_200" android:id="@+id/banner_i...
详解Android WebView：集成与JS交互方法
本文档详细介绍了Android WebView的使用方法以及其与JavaScript交互调用的重要技巧。Android WebView是Android平台上一种内置的组件，用于在应用程序中嵌入并显示Web页面，为开发者提供了丰富的功能和扩展性。 首先...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值