Javascript與Android和ios進行交互的教程以前的一個程序朋友分享過相關的教程，這裡也整理一篇不錯的教程供各位參考。

一、對於Android和ios我們要執行不同的操作，下面是判斷系統的js代碼

// alert(ismobile(1)); 1表示Android，0表示ios
function ismobile(test){
 var u = navigator.userAgent, app = navigator.appVersion;
 if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
 if(window.location.href.indexOf("?mobile")<0){
 try{
 if(/iPhone|mac|iPod|iPad/i.test(navigator.userAgent)){
 return '0';
 }else{
 return '1';
 }
 }catch(e){}
 }
 }else if( u.indexOf('iPad') > -1){
 return '0';
 }else{
 return '1';
 }
}

二、js調用app端函數，下面是js代碼

if(ismobile(1)==1){
 Android.setTypeActivity(id,type,href);
 }else{
 jsToios(id,type,href);
 }

setTypeActivity是Android端定義的函數，jsToios是ios端定義的函數，括號裡是js端傳遞的參數。

三、至於js端怎樣獲取app端的數據，只需在js端提供給app端函數名字，在通知app端調用即可

四、還有一種方法可以不通過app的方法將數據傳遞給另一個頁面，那就是通過URL的方式

在本頁面將數據拼接在ip後面

在另外一個頁面通過下面方法獲取URL後的參數

function GetRequest() {
 var url = location.search; //獲取url中"?"符後的字串
 var theRequest = new Object();
 if (url.indexOf("?") != -1) {
 var str = url.substr(1);
 strs = str.split("&");
 for(var i = 0; i < strs.length; i ++) {
 theRequest[strs[i].split("=")[0]]=decodeURIComponent(strs[i].split("=")[1]);
 }
 }
 return theRequest;
}
// 獲取URL參數
var Request = new Object();
Request = GetRequest();
var name;
name = Request['name'];
剛開始做與app交互的HTML5時，有點不知所措，其實這種說明網上有很多資料，我現在專門站在前端的角度總結一下。

現在很多原生的app都會嵌入或多或少的HTML5頁面，所以了解js怎樣與原生app交互是必須的，至於怎樣進行交互更能優化app的交互，那還需要不斷的實踐。