WebView.loadUrl无法正常工作,显示带有JavaScript的空白页面

时间:2015-07-19 09:55:58

标签: javascript android jquery html

我正在尝试使用demo.html和demo.js文件创建一个基本的Web View应用程序。应用程序打开时没有错误,但显示空白页面!

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时,它没有打开。然后我删除了<script src="demo.js" type="text/javascript" />然后它打开了页面。这是否意味着不支持Java脚本?

我使用https://www.whatismybrowser.com/is-javascript-enabled检查了我的PC JavaScript状态 它说JavaScript在我的浏览器中被启用,奇怪为什么它不能在我的PC和android模拟器中工作!?

由于

1 个答案:

答案 0 :(得分: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>

然后它会起作用