使用JavaScript從HTML DOM樹中剝離JavaScript

Question

在使用JavaScript時，如何從所有出現的JavaScript中清除HTML DOM樹，這意味着： on(click|mouseover|etc) ， href:javascript... ， <script>和（inline）JavaScript的所有其他可能的變體？

例如：我希望用戶上載HTML文件，將內容復制到<body>標記中，然后將其插入到我的頁面之一中。 我不想在其HTML文件中使用JavaScript。 我可以使用<iframe sandbox> ，但是我想知道是否還有另一種方法。

Answer 1

下面使用Element.attributes集合刪除處理程序和包含單詞“ javascript”的屬性的內聯on而不會影響其他DOM屬性。

 function disableInlineJS() { var obj = document.querySelectorAll('*'); for (var i = 0; i < obj.length; i++) { for (var j in obj[i].attributes) { var attr = obj[i].attributes[j]; if ((attr.name && attr.name.indexOf('on') === 0) || (attr.value && attr.value.toLowerCase().indexOf('javascript') > -1) ) { attr.value= ''; } } } }

 <button onclick="disableInlineJS()">Disable inline JavaScript</button><hr> <div onmouseover="this.style.background= 'yellow';" ONmouseout="this.style.background= '';" style="font-size:25px; cursor: pointer;"> Hover me <br> <a href="javAsCriPT:alert('gotcha')" style="font-weight:bold">Click me!</a> <br> <a href="http://example.com">Example.com!</a> </div> <button onclick="alert('gotcha')">Me, me!</button>

我認為沒有辦法在script元素運行之前將其刪除。

使用JavaScript從HTML DOM樹中剝離JavaScript

問題描述

1 個解決方案

解決方案1
0 已采納 2015-06-09 20:09:46

使用JavaScript從HTML DOM樹中剝離JavaScript

問題描述

1 個解決方案

解決方案1 0 已采納 2015-06-09 20:09:46

解決方案1
0 已采納 2015-06-09 20:09:46