当前位置:首页 » 《我的小黑屋》 » 正文

android webview与js交互(动态添加js),最详细的解释小白也能听懂

29 人参与  2024年04月23日 16:45  分类 : 《我的小黑屋》  评论

点击全文阅读


3)、和js交互。(如果你的js基础比java基础好的话那么采用这种方式做一些复杂的处理是个不错的选择)

一、本地html与本地js交互(本地html引用本地js)


注:此例为本地html与本地js交互,如想在本地html添加js,将js.js代码复制到html对应标签内即可

首先在assets文件夹得有两个文件.html、.js

test.html

js中调用本地方法

function funFromjs(){

document.getElementById(“mydiv”).innerHTML=“获取id为mydiv的元素,并向其中添加文字!”;

myObj.fun1FromAndroid(“我的myObj回调”);

}

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout 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”

tools:context=“com.yanqy.yqy_jsexample.MainActivity”>

<Button

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“UI触发webview中的js”

android:id=“@+id/mButton”

android:layout_alignParentTop=“true”

android:layout_centerHorizontal=“true” />

<WebView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:id=“@+id/mWebView”

android:layout_below=“@+id/mButton”

android:layout_centerHorizontal=“true” />

MainActivity.xml

package com.yanqy.yqy_jsexample;

import android.content.Context;

import android.graphics.Color;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.webkit.JavascriptInterface;

import android.webkit.WebView;

import android.widget.Button;

import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

private WebView mWebView;

private Button mBtn;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

mBtn = (Button) findViewById(R.id.mButton);

mWebView = (WebView) findViewById(R.id.mWebView);

//设置编码

mWebView.getSettings().setDefaultTextEncodingName(“utf-8”);

//支持js

mWebView.getSettings().setJavaScriptEnabled(true);

//设置背景颜色 透明

mWebView.setBackgroundColor(Color.argb(0, 0, 0, 0));

//设置本地调用对象及其接口

mWebView.addJavascriptInterface(new JavaScriptObject(this), “myObj”);

//载入网页

mWebView.loadUrl(“file:///android_asset/test.html”);

//点击调用js中方法

mBtn.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

mWebView.loadUrl(“javascript:funFromjs()”);

}

});

}

final class JavaScriptObject {

private Context mContxt;

public JavaScriptObject(Context mContxt) {

this.mContxt = mContxt;

}

@JavascriptInterface //sdk17版本以上加上注解

public void funFromAndroid(String name) {

//在此可以通过js返回数据name进行操作

Toast.makeText(mContxt, “调用funFromAndroid:” + name, Toast.LENGTH_LONG).show();

}

}

}

二、本地html动态添加js


同上首先在assets文件夹有.html、.js文件

test.xml   将标签与其内容删除

js中调用本地方法

function funFromjs(){

myObj.fun1FromAndroid(“第一个js回调”);

}

需要读取js并添加到webview中才能达到添加js的效果

读取js添加到String 类型中

//js文本

private String wholeJS = “”;

//获取js文本

InputStream mIs = null;

try {

mIs = getResources().getAssets().open(“js.js”);

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级安卓工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Android)
img

最后

现在都说互联网寒冬,其实无非就是你上错了车,且穿的少(技能),要是你上对车,自身技术能力够强,公司换掉的代价大,怎么可能会被裁掉,都是淘汰末端的业务Curd而已!现如今市场上初级程序员泛滥,这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期,想要年后突破自己涨薪的,进阶Android中高级、架构师对你更是如鱼得水,赶快领取吧!

上述【高清技术脑图】以及【配套的架构技术PDF】点击:Android架构视频+BAT面试专题PDF+学习笔记,或者私信回复【技能提升】即可获取!

为什么某些人会一直比你优秀,是因为他本身就很优秀还一直在持续努力变得更优秀,而你是不是还在满足于现状内心在窃喜!

实无非就是你上错了车,且穿的少(技能),要是你上对车,自身技术能力够强,公司换掉的代价大,怎么可能会被裁掉,都是淘汰末端的业务Curd而已!现如今市场上初级程序员泛滥,这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期,想要年后突破自己涨薪的,进阶Android中高级、架构师对你更是如鱼得水,赶快领取吧!

上述【高清技术脑图】以及【配套的架构技术PDF】点击:Android架构视频+BAT面试专题PDF+学习笔记,或者私信回复【技能提升】即可获取!

为什么某些人会一直比你优秀,是因为他本身就很优秀还一直在持续努力变得更优秀,而你是不是还在满足于现状内心在窃喜!

Android架构师之路很漫长,一起共勉吧!


点击全文阅读


本文链接:http://zhangshiyu.com/post/99239.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1