2015-07-19 31 views
0

我想創建一個基本的Web視圖應用程序,與demo.html和demo.js文件。應用程序打開沒有錯誤,但顯示空白頁面!WebView.loadUrl不工作,顯示空白頁與JavaScript

demo.html:

<!DOCTYPE HTML>  
<html> 
    <head> 
    <script src="demo.js" type="text/javascript" /> 
    </head> 
    <body> 

    <form name="form1" onSubmit="return showInfo()" autocomplete="on"> 
     First name:<input type="text" id="fname"><br> 
     Last name: <input type="text" id="lname"><br> 
     <input type="submit"> 
    </form> 

    </body> 
    </html> 

demo.js:

function showInfo() 
{ 
    var str1= document.getElementById('fname').value; 
    var str2= document.getElementById('lname').value; 
    var res = str1.concat(' '+str2); 
    alert('Hi,' +res); 
} 

這裏我裝網址:

WebView webView = (WebView)findViewById(R.id.WebView1); 
webView.getSettings().setJavaScriptEnabled(true); 
webView.loadUrl("file:///android_asset/Web/demo.html"); 

當我試圖打開同一demo.html我PC,它沒有打開。然後我刪除<script src="demo.js" type="text/javascript" />然後它打開頁面。這是否意味着Java腳本不被支持?

我檢查我的電腦JavaScript的狀態與https://www.whatismybrowser.com/is-javascript-enabled 它說的JavaScript在瀏覽器中enabed,不知道爲什麼它不是在我的電腦和Android模擬器的工作!?

謝謝

+0

最新的JavaScript文件 –

+0

@RachelGallen更新問題與js文件 – Ashok

+0

您的文件路徑必須是不正確的。如果您只是將腳本放在html文檔 –

回答

2

您在腳本調用結束時缺少一個標記。

你的HTML應該是這樣的

<html> 
<head> 
<script src="demo.js" type="text/javascript" /></script> 

</head> 
<body> 

<form name="form1" onSubmit="return showInfo()" autocomplete="on"> 
    First name:<input type="text" id="fname"><br> 
    Last name: <input type="text" id="lname"><br> 
    <input type="submit"> 
</form> 

</body> 
</html> 

然後它會工作