jsandroid文件
A. android studio怎麼提示js和css
用webview顯示一個本地index.html文件(別人寫好的,我只管在android上用瀏覽器顯示出來),index.html放在assets文件夾下,這個index.html導入了很多js和css文件,這些文件放在另外的三個文件夾中,index.html中導入js的語句如下:
<script language="javascript" src="/Global/jquery.min.js"></script>
<script language="javascript" src="/Global/jquery.json.min.js"></script>
<script language="javascript" src="/Global/Widget.js"></script>
<script language="javascript" src="/Global/Global.js"></script>
,另外還有兩個文件夾Basic和App。請問三個文件夾裡面的文件在android裡面應該放在什麼目錄下啊?
我將它們放在assets文件夾與index.html同級的目錄下,可是頁面一片空白,而且什麼錯誤也沒報。
急。。。。
B. JS怎樣調用Android本地原生方法
NativeScript的工作原理:用JavaScript調用原生API實現跨平台 NativeScript是最近推出的一個跨平台解決方案,可以讓你可以用JavaScript來直接寫Android、iOS本地應用程序,未來還即將擴展到Windows平台。是最近比較受關注的項目。它與 nw (原名node-webkit ,用Web寫winodw/linux桌面應用)和 phonegap內嵌webview寫APP的實現方式有著本質的不同,它直接用JavaScript調用系統原生API,因而有一些原生應用的特點。 NativeScript是一個運行環境,可以讓你使用通用的JavaScript代碼,打造原生的iOS,Android和Windows(即將推出)應用程序。 NativeScript有很多很酷的功能,比如支持JavaScript對象雙向綁定到原生UI組件,以及用CSS為原生應用程序寫樣式。但我最喜歡的功能是NativeScript可以讓您直接訪問本地平台的原生API。 注* 可以理解為NativeScript是一個JavaScript V8運行環境的命令轉發代理,將JavaScript調用轉發給不同平台上的原生API如Android、iOS,以及即將支持的Windows。 例如,看看這個NativeScript寫的Android應用程序的代碼: 123var time = new android.text.format.Time();time.set( 1, 0, 2015 );console.log( time.format( "%D" ) );你只需要一兩分鍾來分析一下就明白了,這段JavaScript代碼實例化一個Java android.text.format.Time()對象,調用其set()方法,然後列印format後的返回值,是字元串「01/01/15」。 我知道你已經很激動了,先不要慌,讓我們再來看看iOS的代碼: 1234var alert = new UIAlertView();alert.message = "Hello world!";alert.addButtonWithTitle( "OK" );alert.show();這段JavaScript代碼實例化一個Objective-C UIAlertView類,設置它的信息屬性,然後調用它的addButtonWithTitle()和show()方法。當您運行這段代碼,你會看到hello word的警告框。 如果你已經熟悉了npm的使用,NativeScript模塊非常容易編寫,分發和使用。就個人而言,作為一個Web開發人員,原生的iOS和Android代碼讓我害怕,尤其是當Java / Objective-C的API文檔扔在一起的功能,它降低了我們跨平台開發的障礙。 還有HBuilder 也可以調用api
C. 在android中怎樣調用本地js文件里的方法並得到返回值
在android中調用本地js文件里的方法並得到返回值其方法如下: Android中內置了WebKit模塊,而該模塊的Java層視圖類就是WebView,所有需要使用Web瀏覽器功能的Android都需要創建該視圖類對象顯示和處理請求的網路資源。目前WebKit支持Http、Https、Ftp和JavaScript請求。下面是在Android中調用JavaScript方法以及如何在js中調用本地方法。 1、在Assets下放一個簡單的html文件jstest/apk/res/android" > <WebView android:id="@+id/wv_test" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_above="@+id/btn_showmsg"/> <Button android:id="@+id/btn_showmsg" android:layout_width="200dip" android:layout_height="40dip" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:text="調用html中js方法"/> </RelativeLayout> 3、然後是Activity,MainActivity.java package com.harold.jstest; import com.harold.base.JSKit; import android.app.Activity; import android.os.Bundle; import android.os.Handler; import android.view.View; import android.view.View.OnClickListener; import android.webkit.WebChromeClient; import android.webkit.WebView; import android.widget.Button; public class MainActivity extends Activity { private WebView mWebView; private Button btnShowInfo; private JSKit js; private Handler mHandler = new Handler(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); //初始化控制項 mWebView = (WebView) findViewById(R.id.wv_test); btnShowInfo = (Button) findViewById(R.id.btn_showmsg); //實例化js對象 js = new JSKit(this); //設置參數 mWebView.getSettings().setBuiltInZoomControls(true); //內容的渲染需要webviewChromClient去實現,設置webviewChromClient基類,解決js中alert不彈出的問題和其他內容渲染問題 mWebView.setWebChromeClient(new WebChromeClient()); mWebView.getSettings().setJavaScriptEnabled(true); //把js綁定到全局的myjs上,myjs的作用域是全局的,初始化後可隨處使用 mWebView.addJavascriptInterface(js, "myjs"); mWebView.loadUrl("file:///android_asset/jstest.html"); btnShowInfo.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { mHandler.post(new Runnable() { @Override public void run() { //調用 HTML 中的javaScript 函數 mWebView.loadUrl("javascript:showMsg()"); } }); } }); } } 4、最後是綁定全局js的類JSKit.java package com.harold.base; import android.widget.Toast; import com.harold.jstest.MainActivity; public class JSKit { private MainActivity ma; public JSKit(MainActivity context) { this.ma = context; } public void showMsg(String msg) { Toast.makeText(ma, msg, Toast.LENGTH_SHORT).show(); } } 例子比較簡單,代碼里都加了注釋,這里就不多說了,本示例用的本地的html,如果訪問網路中的網頁,別忘記在AndroidManifest.xml中加許可權 <uses-permission android:name="android.permission.INTERNET"/>