简体   繁体   English

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

[英]WebView.loadUrl not working, showing blank page with JavaScript

I'm trying to create a basic Web View application, with demo.html and demo.js files. 我正在尝试使用demo.html和demo.js文件创建一个基本的Web View应用程序。 App opened without errors but showing a blank page! 应用程序打开无错误,但显示空白页!

demo.html: 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: demo.js:

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

Here I loaded URL: 我在这里加载了URL:

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

When I tried to open the same demo.html on my PC , its not opened. 当我尝试在PC上打开相同的demo.html时,它没有打开。 Then I removed <script src="demo.js" type="text/javascript" /> then It opened the page. 然后我删除了<script src="demo.js" type="text/javascript" />然后打开了页面。 Is this means Java script is not supported ? 这是否意味着不支持Java脚本?

I checked my PC JavaScript status with https://www.whatismybrowser.com/is-javascript-enabled It says JavaScript is enabed in my browser, Wonder why its not working in my PC and android emulator !? 我通过https://www.whatismybrowser.com/is-javascript-enabled检查了我的PC JavaScript状态它说我的浏览器中启用了JavaScript,想知道为什么它不能在我的PC和android模拟器中工作!

Thanks 谢谢

You are missing a tag at the end of your script call. 您在脚本调用结束时缺少标签。

Your html should look like this 您的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>

Then it will work 这样就可以了

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM