如果有人使用IE11,我希望在我的网站上显示一个文本框

时间:2018-07-26 08:57:20

标签: javascript html css

这是我上一条被搁置的第二条帖子。

当我或某人在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()">&times;</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文件中。所以我尝试做一个现成的功能,但是没用。

1 个答案:

答案 0 :(得分:0)

错误是指没有ID为IDOfYourElement的元素(或您在此处放置的任何ID)。所以两件事之一:

  1. 您没有ID为(IDOfYourElement的元素,或者
  2. 在加载元素之前加载javascript文件。

如果大小写为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.
});