❶ android和h5交互，js怎麼在android端列印日誌
Android和H5之間的交互hybridApp開發也不是什麼新鮮事了，其中native和h5之間的交互則是必不可少的。Android中是如何和H5交互的？1、webView載入頁面我們都知道在Android中是通過webView來載入html頁面的，根據HTML文件所在的位置不同寫法也不同：//例如：載入assets文件夾下的test.html頁面mWebView.loadUrl("file:///android_asset/test.html")//例如：載入網頁mWebView.loadUrl("")如果只是這樣調用mWebView.loadUrl()載入的話,那麼當你點擊頁面中的鏈接時，頁面將會在你手機默認的瀏覽器上打開。那如果想要頁面在App內中打開的話，那麼就得設置setWebViewClient：mWebView.setWebViewClient(newWebViewClient(){@(WebViewview,Stringurl){mWebView.loadUrl(url);returntrue;}}});2、Android本地通過Java調用HTML頁面中的JavaScript方法想要調用js方法那麼就必須讓webView支持WebSettingswebSettings=mWebView.getSettings();//設置為可調用js方法webSettings.setJavaScriptEnabled(true);若調用的js方法沒有返回值，則直接可以調用mWebView.loadUrl("JavaScript:do()");其中do是js中的方法；若有返回值時我們可以調用mWebView.evaluateJavascript()方法：mWebView.evaluateJavascript("sum(1,2)",newValueCallback(){@(Stringvalue){Log.e(TAG,"onReceiveValuevalue="+value);}});js代碼如下：2、js調用Android本地Java方法在Android4.2以上可以直接使用@JavascriptInterface註解來聲明，下面是在一個本地Java方法publicclassJsInteration{@(){return"helloworld";}}定義完這個方法後再調用mWebView.addJavascriptInterface()方法：mWebView.addJavascriptInterface(newJsInteration(),"android");那麼在js中怎麼來調用呢？4、攔截HTML頁面中的點擊事件mWebView.setWebViewClient(newWebViewClient(){@(WebViewview,Stringurl){//判斷url攔截事件if(url.equals("file:///android_asset/test2.html")){Log.e(TAG,"shouldOverrideUrlLoading:"+url);startActivity(newIntent(MainActivity.this,Main2Activity.class));returntrue;}else{mWebView.loadUrl(url);returnfalse;}}});以上就是Java調用js方法以及js調用Java方法的實現交互方式中的一種。下面給出完整代碼：{publicstaticfinalStringTAG="MainActivity";privateWebViewmWebView;@OverrideprotectedvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mWebView=(WebView)findViewById(R.id.webView);mWebView.loadUrl("file:///android_asset/test.html");WebSettingswebSettings=mWebView.getSettings();webSettings.setJavaScriptEnabled(true);mWebView.addJavascriptInterface(newJsInteration(),"android");mWebView.setWebViewClient(newWebViewClient(){@(WebViewview,Stringurl){if(url.equals("file:///android_asset/test2.html")){Log.e(TAG,"shouldOverrideUrlLoading:"+url);startActivity(newIntent(MainActivity.this,Main2Activity.class));returntrue;}else{mWebView.loadUrl(url);returnfalse;}}});}//Android調用有返回值js方法@TargetApi(Build.VERSION_CODES.KITKAT)publicvoidonClick(Viewv){mWebView.evaluateJavascript("sum(1,2)",newValueCallback(){@(Stringvalue){Log.e(TAG,"onReceiveValuevalue="+value);}});}publicclassJsInteration{@(){return"helloworld";}}}test.html調用本地方法點擊
❷ 尋求一個 手機端的 js 長按一個div 3秒 然後進行頁面跳轉。
<! HTML>
<html>
<head>
<title>滑鼠長按事件</title>
<script>
var num = 0 ;
function whichElement(e){
var timer_alert = setTimeout(function() {
if(e.which==1) {
num++
if(num==2){
num=0;
window.location.href='http://www.163.com';
}else{
whichElement( e );
}
}
}, 3000) ;
}
</script>
</head>
<body>
<div style="border:1px solid #E0E0E0;width:150px;height:150px;" onmousedown="whichElement(event)">
</div>
</body>
</html>
❸ 蘋果手機如何運行js腳本運行
1、首先打開蘋果手機，並進入瀏覽器主頁。
2、其次點擊敬滲瀏覽器的腳本運行功能。
3、最後鍵豎導入稿稿大js腳本，進行運行即可。
❹ 手機端如何用JS實現觸屏
//html5新增touch事件
//禁用手機默認的觸屏滾動行為
document.addEventListener('touchmove',function(event){
event.preventDefault();
},false);
//touchstart事件
functiontouchSatrtFunc(evt){
try{
//evt.preventDefault();//阻止觸摸時瀏覽器的縮放、滾動條滾動等
vartouch=evt.touches[0];//獲取第一個觸點
varx=Number(touch.pageX);//頁面觸點X坐標
vary=Number(touch.pageY);//頁面觸點Y坐標
//記錄觸點初始位置
startX=x;
startY=y;
}catch(e){
alert('touchSatrtFunc：'+e.message);
}
}
//touchmove事件，這個事件無法獲取坐標
functiontouchMoveFunc(evt){
try{
//evt.preventDefault();//阻止觸摸時瀏覽器的縮放、滾動條滾動等
vartouch=evt.touches[0];//獲取第一個觸點
varx=Number(touch.pageX);//頁面觸點X坐標
vary=Number(touch.pageY);//頁面觸點Y坐標
//document.getElementById("version").innerHTML="原:"+startY+""+"現:"+y;
//判斷滑動方向
if(y-startY>100){
swipeDown();
}elseif(y-startY<-100){
swipeUp();
}
}catch(e){
alert('touchMoveFunc：'+e.message);
}
}
//touchend事件
functiontouchEndFunc(evt){
try{
//evt.preventDefault();//阻止觸摸時瀏覽器的縮放、滾動條滾動等
}catch(e){
alert('touchEndFunc：'+e.message);
}
}
//綁定事件
functionbindEvent(){
document.addEventListener('touchstart',touchSatrtFunc,false);
document.addEventListener('touchmove',touchMoveFunc,false);
document.addEventListener('touchend',touchEndFunc,false);
}
//判斷是否支持觸摸事件
functionisTouchDevice(){
//document.getElementById("version").innerHTML=navigator.appVersion;
try{
document.createEvent("TouchEvent");
//alert("支持TouchEvent事件！");
bindEvent();//綁定事件
}catch(e){
alert("不支持TouchEvent事件！"+e.message);
}
}