溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章為大家展示了Naive與WebView在Android中怎么實現互相調用，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。
Android Naive與WebView的互相調用詳解
Android的Naive程序是可以嵌套WebView，并且可以做到與WebView的交互，一般來說有兩種方法，一是直接交互，比如，Naive直接調用WebView的方法和WebView直接調用Naive的方法。二是WebView可以寫<a/>超鏈接標簽，然后用戶點擊此標簽時，Naive可以攔截到點擊標簽的事件，這樣，我們可以在鏈接上做一套自己的協議，然后Android和iOS可以根據此協議做出相同的處理，做到多平臺統一。
我們先研究一下Naive和WebView如何相互調用。
初始化:
mWebView = (WebView) findViewById(R.id.main_wv);
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.loadUrl("file:///android_asset/demo.html");
//第一個為交給WebView來進行控制的對象，第二個為控制的對象的變量名，即JS得到此對象后，在為此對象賦名，就可以進行控制了。
mWebView.addJavascriptInterface(this, "naive");
1、Naive直接調用JS方法:
下面為html中的JS方法 ：
function alert(){
document.getElementById("title").innerHTML = "Naive調用Js無參方法";
}
naive進行調用，方式為調用WebView的loadUrl方法，方法中傳遞一個String，格式為'javascript:'+'方法名'+'(變量)'
public void onJs(View view) {
mWebView.loadUrl("javascript:alert()");
}
有參數JS方法：
function alertWith(arg){
document.getElementById("title").innerHTML = arg;
}
naive進行有參JS調用：
public void onJsWith(View view) {
mWebView.loadUrl("javascript:alertWith('Naive調用Js有參方法')");
}
2、JS調用naive:
本地先寫好要被調用的方法，注意前面需要加上注解@JavascriptInterface
@JavascriptInterface
public void toast() {
Toast.makeText(this, "JS調用了Naive的無參方法", Toast.LENGTH_SHORT).show();
}
JS調用的代碼:
<input type="button" value="點擊調用naive代碼" onclick="window.naive.toast()"/>
本地寫好有參的要被調用的方法:
@JavascriptInterface
public void toastWith(String toast) {
Toast.makeText(this, toast, Toast.LENGTH_SHORT).show();
}
js調用有參的代碼:
<input type="button" value="點擊調用naive代碼并傳遞參數"
onclick="window.naive.toastWith('JS調用了Naive的有參代碼')"/> 下面將Activity的源代碼貼出來；
public class MainActivity extends AppCompatActivity {
private WebView mWebView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mWebView = (WebView) findViewById(R.id.main_wv);
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(this, "naive");
mWebView.loadUrl("file:///android_asset/demo.html");
}
public void onJs(View view) {
mWebView.loadUrl("javascript:alert()");
}
public void onJsWith(View view) {
mWebView.loadUrl("javascript:alertWith('Naive調用Js有參方法')");
}
@JavascriptInterface
public void toast() {
Toast.makeText(this, "JS調用了Naive的無參方法", Toast.LENGTH_SHORT).show();
}
@JavascriptInterface
public void toastWith(String toast) {
Toast.makeText(this, toast, Toast.LENGTH_SHORT).show();
}
}
下面為HTML的代碼:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<script type="text/javascript">
function alert(){
document.getElementById("title").innerHTML = "Naive調用Js無參方法";
}
function alertWith(arg){
document.getElementById("title").innerHTML = arg;
}
</script>
</head>
<body>
<h2 id="title"></h2><br/>
<input type="button" value="點擊調用naive代碼" onclick="window.naive.toast()"/><br/>
<input type="button" value="點擊調用naive代碼并傳遞參數"
onclick="window.naive.toastWith('JS調用了Naive的有參代碼')"/>
</body>
</html>
上述內容就是Naive與WebView在Android中怎么實現互相調用，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
