安卓11怎么用js

安卓11上使用JavaScript的方法包括：通过WebView加载网页、在安卓应用中嵌入JavaScript引擎、使用Node.js for Mobile、利用Apache Cordova开发跨平台应用。 在这几种方法中，通过WebView加载网页是最常见也是最简单的方法。WebView是安卓提供的用于显示网页内容的控件，通过它可以在安卓应用中直接运行JavaScript代码。下面详细介绍这种方法。

一、通过WebView加载网页

WebView是安卓提供的用于显示网页内容的控件，通过它可以在安卓应用中直接运行JavaScript代码。以下是使用WebView加载网页并运行JavaScript的步骤：

1. 添加WebView到布局文件

首先，在你的应用的布局文件中添加一个WebView控件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <WebView
        android:id="@+id/webview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

2. 初始化WebView

在你的Activity中初始化WebView，并加载一个包含JavaScript的网页：

import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class MainActivity extends AppCompatActivity {
    private WebView webView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = findViewById(R.id.webview);
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webView.setWebViewClient(new WebViewClient());
        // Load a webpage
        webView.loadUrl("file:///android_asset/index.html");
    }
}

在assets文件夹中创建一个index.html文件，并在其中嵌入你的JavaScript代码：

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript in WebView</title>
    <script type="text/javascript">
        function showAlert() {
            alert("Hello from JavaScript!");
        }
    </script>
</head>
<body>
    <h1>JavaScript in WebView</h1>
    <button onclick="showAlert()">Click me</button>
</body>
</html>

二、在安卓应用中嵌入JavaScript引擎

除了通过WebView加载网页，你还可以在安卓应用中嵌入一个JavaScript引擎，比如Rhino或V8。这种方法适用于需要在安卓应用中直接执行JavaScript代码，而不依赖于网页的情况。

1. 添加依赖

在你的项目的build.gradle文件中添加Rhino或V8的依赖：

dependencies {
    implementation 'org.mozilla:rhino:1.7.13'
}

2. 执行JavaScript代码

在你的Activity中使用Rhino执行JavaScript代码：

import org.mozilla.javascript.Context;
import org.mozilla.javascript.Scriptable;
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // Create and enter a Context
        Context rhino = Context.enter();
        rhino.setOptimizationLevel(-1); // Without this, Rhino will try to optimize JavaScript code, which is not desirable
        try {
            // Initialize the standard objects (Object, Function, etc.)
            Scriptable scope = rhino.initStandardObjects();
            // Execute JavaScript code
            String jsCode = "function greet() { return 'Hello from JavaScript!'; } greet();";
            Object result = rhino.evaluateString(scope, jsCode, "JavaScript", 1, null);
            // Print the result
            System.out.println(Context.toString(result));
        } finally {
            // Exit from the context
            Context.exit();
        }
    }
}

三、使用Node.js for Mobile

Node.js for Mobile是一个可以在移动设备上运行Node.js的项目。通过它，你可以在安卓设备上运行JavaScript代码，并使用Node.js的丰富生态系统。

1. 安装Node.js for Mobile

首先，按照Node.js for Mobile的官方文档安装和配置Node.js for Mobile。

2. 创建Node.js项目

创建一个Node.js项目，并编写你的JavaScript代码：

// index.js
console.log('Hello from Node.js on Android!');

3. 在安卓应用中运行Node.js项目

在你的Activity中使用Node.js for Mobile的API运行你的Node.js项目：

import com.janeasystems.nodejsmobile.NodeJS;
public class MainActivity extends AppCompatActivity {
    private NodeJS nodeJS;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // Initialize Node.js for Mobile
        nodeJS = NodeJS.getInstance();
        nodeJS.start("index.js");
        // Print a message from Node.js
        nodeJS.addListener((eventName, eventData) -> {
            if ("message".equals(eventName)) {
                System.out.println(eventData);
            }
        });
        // Send a message to Node.js
        nodeJS.sendMessage("Hello from Android!");
    }
}

四、使用Apache Cordova开发跨平台应用

Apache Cordova是一个用于开发跨平台移动应用的框架。通过它，你可以使用HTML、CSS和JavaScript开发安卓应用。

1. 安装Apache Cordova

首先，按照Apache Cordova的官方文档安装和配置Cordova。

2. 创建Cordova项目

创建一个新的Cordova项目：

cordova create myApp cd myApp cordova platform add android

3. 编写JavaScript代码

在www目录下编写你的JavaScript代码：

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript in Cordova</title>
    <script type="text/javascript">
        document.addEventListener('deviceready', function() {
            alert('Hello from JavaScript in Cordova!');
        }, false);
    </script>
</head>
<body>
    <h1>JavaScript in Cordova</h1>
</body>
</html>

4. 构建和运行Cordova应用

构建并运行你的Cordova应用：

cordova build android cordova run android

五、总结

在安卓11上使用JavaScript有多种方法，包括通过WebView加载网页、在安卓应用中嵌入JavaScript引擎、使用Node.js for Mobile、利用Apache Cordova开发跨平台应用。每种方法都有其优点和适用场景，你可以根据具体需求选择最合适的方法。在实际开发过程中，通过WebView加载网页是一种简单且常用的方法，它可以让你轻松地在安卓应用中集成和运行JavaScript代码。