【報錯】IE下使用js隱藏元素display='none'不生效

一、問題描述

今天在寫頁面時,在js中用到了下面這句來隱藏頁面上的元素:

document.getElementById("xxx").style.display = 'none';

但是使用IE打開頁面的時候,發現這部分元素並沒有成功被隱藏。

 

二、問題解決

於是首先考慮的是可能IE不支持這個語法,但是查找了資料後確認IE是支持這個語法的。

 

糾結了一會兒,發現IE下方彈了個提示框:“Internet Explorer已限制此網頁運行可以訪問計算機的腳本或ActiveX控件”。啓用控件後,發現可以正常隱藏了。原來是因爲IE禁止了JavaScript的執行。

 

那麼如何讓IE默認允許執行html中的JavaScript腳本呢?參考了以下這篇文章:

https://www.jianshu.com/p/d5e335a63382

 

在html和head標籤中間添加save from url這句:

<html xmlns="http://www.w3.org/1999/xhtml">
<!-- saved from url=(0014)about:internet -->
<head>

添加完再重新打開,JavaScript可以執行,元素成功被隱藏了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章