그림자 DOM Iframe처럼 자바 스크립트 캡슐화

Question

그림자 DOM에서 실행되는 자바 스크립트가 범위를 지정할 수 있는지 알아 내려고하고 있습니다 (sandbox property of an iframe tag does). Javascript가 나머지 페이지 컨텐트와 함께 엉망이되거나, 이벤트가 window.open과 같은 속성에 액세스하여 결국 모든 탭을 열어 버릴 수 있기를 원하지 않습니다.

누구든지 그렇게 할 절차가있는 경우 큰 도움이 될 것입니다. 감사합니다,

Answer 1

이 문제에 대한 제안은 Custom elements을 사용하고 one of its callbacks에 자바 스크립트를 첨부하는 것입니다. W3C 문서에서 알 수 있듯이 :

사용자 지정 요소는 작성자가 모든 기능을 갖춘 DOM 요소를 작성할 수있는 방법을 제공합니다. Custom 요소에서 캡슐화 된 자바 스크립트의

Here's an example 기본적으로 :

var HTMLCustomElement = Object.create(HTMLElement.prototype); 
HTMLCustomElement.createdCallback = function() { 
// Put the callback function here and attach the HTML to the current element 
// Define the element 
var NewElement = document.registerElement('new-element', { 
    prototype: HTMLCustomElement 
}); 

// instanciate the custom element 
var newElement = new NewElement(); 

document.body.appendChild(newElement);