溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下JavaScript如何實現交互的示例，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
示例：
<!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>package com.example.webjs;
import android.annotation.SuppressLint;
import android.content.DialogInterface;
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.widget.Button;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
Button tojs;
WebView webView;
@SuppressLint("JavascriptInterface")
@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 webSettings = webView.getSettings();
// 設置與Js交互的權限
webSettings.setJavaScriptEnabled(true);
// 設置允許JS彈窗
webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
//設置對象映射
webView.addJavascriptInterface(new JsToAndroid() , "test");
// 先載入JS代碼
// 格式規定為:file:///android_asset/文件名.html
webView.loadUrl("file:///android_asset/text.html");
alteView(webView);
tojs.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
String result = "你好";
// webView.loadUrl("javascript:returnResult(" + result + ")");
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();
}
});
}
}
public void alteView(WebView webView){
// webView.setWebChromeClient(new WebChromeClient());
webView.setWebChromeClient(new WebChromeClient(){
@Override
public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {
Log.e("tag" ,"執行次數");
AlertDialog.Builder b = new AlertDialog.Builder(MainActivity.this);
b.setTitle("Alert");
b.setMessage(message);
b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.confirm();
}
});
b.setCancelable(false);
// b.create().show();
return super.onJsAlert(view, url, message, result);
}
});
}
}以上是“JavaScript如何實現交互的示例”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
