HTML表單提交導致IE11中的空白頁
[英]HTML form submission lead to blank page in IE11
問題描述
我有一個在dot net 4.0框架上創建的Web應用程序，其中UI是用html頁面完成的，但是最近我們在IE 11瀏覽器上提交表單時遇到了問題。提交表單的那一刻變成空白頁面。對於其他瀏覽器（ Chrome，firefox），甚至可以降低IE的版本，使其工作正常。
這個問題的有趣部分是，當我在調試模式下運行應用程序時（單擊f12），它運行正常。
有誰知道為什么會這樣？
<html>
<head>
<title>xyz</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<script type="text/javascript" language="javascript">
<!--
window.name = "__xyz_APP_WINDOW____";
// -->
</script>
<script language='JavaScript' src='scripts/adminmenu.js'></script>
<script language='JavaScript' src='scripts/utilities.js'></script>
<script language='JavaScript' src='scripts/toolTips.js'></script>
<link rel="stylesheet" href="styles/backoffice.css" type="text/css">
<link rel="stylesheet" href="styles/screen.css" type="text/css" media="screen">
<link rel="stylesheet" href="styles/print.css" type="text/css" media="print">
<script language="javascript" type="text/javascript" src="scripts/jquery-min.js"></script>
<script language="JavaScript">
<!--
function checkFormData()
{
do
{
var el = getForm().elements["uid"];
if (!trimAll(el.value).length) break;
el = getForm().elements["pwd"];
if (!trimAll(el.value).length) break;
getForm().elements["_tz_offset"].value = (new Date()).getTimezoneOffset().toString();
return true;
} while(0);
alert(errorMessage[el.name]);
el.focus();
return false;
}
var errorMessage = new Array();
errorMessage["uid"] = "Please enter a Login ID";
errorMessage["pwd"] = "Please enter a password";
function handleEnter(anElement)
{
if (13 == self.event.keyCode)
{
if ("uid" == anElement.name)
{
anElement.form.elements["pwd"].focus();
}
else if ("pwd" == anElement.name)
{
if (checkFormData()) anElement.form.submit();
}
self.event.returnValue = false;
}
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" background="images/bkgd_BackOffice.gif" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="DetailBody" onLoad="getForm().elements['uid'].focus();">
<form name='adminForm' method='POST' onsubmit="return checkFormData()" >
<input type="hidden" name="CurrentPage" value="admin_login"/>
<input type="hidden" name="TargetPage" value="admin_index"/>
<input type="hidden" name="_tz_offset" />
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#000000"><img src="images/spacer.gif" width="3" height="1"></td>
</tr>
<tr>
<td><img src="images/masthead_BackOffice_OSP03.jpg" width="800" height="100"></td>
</tr>
</table>
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td align="center">
<table width="60%" border="0" cellpadding="10" cellspacing="0">
<tr>
<td>
<p class="h1">Back Office Login</p>
<p>The Back Office is reserved </p>
<script type ="text/javascript" language="JavaScript">
<!--
var correctBrowser = ((BrowserDetect.browser == "Safari" || BrowserDetect.browser == "Chrome") && BrowserDetect.OS == "Mac") ||
((BrowserDetect.browser == "Explorer" || BrowserDetect.browser == "Chrome") && BrowserDetect.OS == "Windows");
//var correctBrowser = (BrowserDetect.browser == "Safari" && BrowserDetect.OS == "Mac") || (BrowserDetect.browser == "Explorer" && BrowserDetect.OS == "Windows");
var IsIE10OrIE11 =(BrowserDetect.browser == "Explorer" && BrowserDetect.OS == "Windows" && (BrowserDetect.version=="10" || BrowserDetect.version=="11" ));
if (!correctBrowser) {
document.write('<p><b><font color="#CC3333">PLEASE NOTE:</font></b> you are currently using <b>' + BrowserDetect.browser + ' ' + BrowserDetect.version + '</b> on <b>' + BrowserDetect.OS + '</b>. The OrderStream Pro Back Office works best with <a href="https://www.google.com/intl/en/chrome/browser/" target="_blank"><b>Chrome</b></a>.</p>');
}
if (IsIE10OrIE11) {
document.write('<p><b><font color="#CC3333">PLEASE NOTE :</font></b> you are currently using <b>' + BrowserDetect.browser + ' ' +
BrowserDetect.version + '</b> on <b>' + BrowserDetect.OS + '</b>. This browser is not compatible for reporting tools but can be easliy made compatible.<a href="Instruction.htm" target="_blank"><b>Click here </b></a> to see the instruction for making it compatible. </p>');
}
// -->
</script>
<table cellpadding="2" cellspacing="0" border="0" align="center">
<!--vx_ErrorTextStart-->
<tr>
<td align="right"> </td>
<td><b><font color="#CC3333">^vx_ErrorText^ </font></b></td>
</tr>
<!--vx_ErrorTextEnd-->
<tr>
<td align="right"><b>Login ID: </b></td>
<td >
<input name="uid" maxlength="65" onFocus="select()" onKeyPress="handleEnter(this)" tabindex="1" style="width:120px;" value="^vx_uid^" size="10">
</td>
</tr>
<tr>
<td align="right"><b>Password: </b></td>
<td>
<input name="pwd" autocomplete="off" maxlength="65" onFocus="select()" type="password" onKeyPress="handleEnter(this)" style="width:120px;" size="10" tabindex="2">
</td>
</tr>
<tr>
<td></td>
<td><a href="javascript:getPage('admin_forgot')">forgot
your password?</a></td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" name="Submit" value="Submit" class="buttonBlue8pt" tabindex="4">
</td>
</tr>
</table>
<p> </p>
</td>
</tr>
<tr>
<td align="center">
<div><iframe src="Footer.htm" frameborder="0" width="100%" ></iframe></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
<!--monitormarker-login-->
</body>
</html>
1 個解決方案
解決方案1
1 2014-06-04 09:44:22
此類問題的最佳解決方案是在瀏覽器中使用開發者控制台（在本例中為IE 11，請按F12鍵）。
使用“網絡”選項卡（Ctrl + 4）中打開的開發人員工具（F12）在IE中加載頁面。 不要忘記通過單擊工具欄頂部的“運行”按鈕來啟用網絡流量捕獲，或直接按F5鍵。
雙擊錯誤的URL，然后查看響應正文以獲取詳細信息。
嘗試在 IE11 中加載損壞的 JS 時，保留 HTML 而不是顯示空白頁面
[英]Keep HTML instead of showing a blank page when trying to load corrupted JS in IE11
HTML Javascript window.open（）和href _blank在IE11中不起作用
[英]HTML Javascript window.open() and href _blank doesn't work in IE11
react app 在 chrome 和其他瀏覽器中運行良好，但在 IE11 上返回空白頁面
[英]react app works fine in chrome and other browsers but returns blank page on IE11
為什么我的 vue web 應用程序在 IE11 中加載空白頁面並在 Edge 中看起來損壞？
[英]Why does my vue web app load a blank page in IE11 and look broken in Edge?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.