这是我上一条被搁置的第二条帖子。
当我或某人在IE11中打开我的网站时,我希望出现一个文本框,因为我遇到了一些问题,这些问题得到了解决。但是,如果再次发生问题,我想再次使用此代码。
在我的last post中,一个叫Zani的人给出了仅在IE11上起作用的代码,但它不能正常工作。在我的IE11控制台中说:
SCRIPT5007:无法获取未定义或空引用的属性“样式”。
我放一个JavaScript文件还是用HTML编写脚本都没关系。
代码是:
style
我通常在HTML和CSS方面都很出色,但是Javascript是一个完全不同的层次。我不太确定哪里出了问题。但是我认为这与<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
</script>
<link href="/CSS/Incompatible.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/Incompatible.js"></script>
<script type="text/javascript">
var isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
if(isIE11)
document.getElementById("simpleModal").style.display="block";
</script>
</head>
<body>
<button id="modalBtn" class="button" onClick="myModal()">Click
Here</button>
<div id="simpleModal" class="modal">
<div class="modal-content">
<div class="modal-header">
<span class="closeBtn" onClick="myModalHide()">×</span>
<h2>Modal Header</h2>
</div>
<div class="modal-body">
<p>Hello...I am a modal</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla repellendus nisi, sunt consectetur ipsa velit repudiandae aperiam modi quisquam nihil nam asperiores doloremque mollitia dolor deleniti quibusdam nemo commodi ab.</p>
</div>
<div class="modal-footer">
<h3>Modal Footer</h3>
</div>
</div>
</div>
</body>
</html>
有关,在应该编写元素ID的那一点上,我已将其更改为正确的ID,并且那里没有错误的语法。
编辑:1 这是网站的代码。
System.ArgumentException: 'Type provided must be an Enum.'
好的,因此将其放在HTML页面的底部即可。但我确实希望Javascript包含在javascript文件中。所以我尝试做一个现成的功能,但是没用。
答案 0 :(得分:0)
错误是指没有ID为IDOfYourElement
的元素(或您在此处放置的任何ID)。所以两件事之一:
IDOfYourElement
的元素,或者如果大小写为2,则应确保<script>
标签位于HTML文件的最底部,或者将JavaScript代码包装为ready函数。
编辑
要将代码包装为就绪函数,可以使用Jquery或纯Javascript实现。这是示例
使用纯Javascript
window.onload = function() {
// DOM has loaded, you can execute your JS code now.
}
使用Jquery
$( document ).ready(function() {
// DOM has loaded, you can execute your JS code now.
});