The TrustedTypePolicy interface of the Trusted Types API defines a group of functions which create TrustedType objects.
A TrustedTypePolicy object is created by TrustedTypePolicyFactory.createPolicy() to define a policy for enforcing security rules on input. Therefore, TrustedTypePolicy has no constructor.
Instance properties
TrustedTypePolicy.name Read only
-
A string containing the name of the policy.
Instance methods
Examples
In the below example we create a policy that will create TrustedHTML objects using TrustedTypePolicyFactory.createPolicy(). We can then use TrustedTypePolicy.createHTML to create a sanitized HTML string to be inserted into the document.
The sanitized value can then be used with Element.innerHTML to ensure that no new HTML elements can be injected.
const escapeHTMLPolicy = trustedTypes.createPolicy("myEscapePolicy", {
createHTML: (string) => string.replace(/>/g, "<"),
});
let el = document.getElementById("myDiv");
const escaped = escapeHTMLPolicy.createHTML("<img src=x onerror=alert(1)>");
console.log(escaped instanceof TrustedHTML);
el.innerHTML = escaped;
Specifications
Browser compatibility
|
Desktop |
Mobile |
|
Chrome |
Edge |
Firefox |
Internet Explorer |
Opera |
Safari |
WebView Android |
Chrome Android |
Firefox for Android |
Opera Android |
Safari on IOS |
Samsung Internet |
TrustedTypePolicy |
83 |
83 |
No |
No |
69 |
No |
83 |
83 |
No |
59 |
No |
13.0 |
createHTML |
83 |
83 |
No |
No |
69 |
No |
83 |
83 |
No |
59 |
No |
13.0 |
createScript |
83 |
83 |
No |
No |
69 |
No |
83 |
83 |
No |
59 |
No |
13.0 |
createScriptURL |
83 |
83 |
No |
No |
69 |
No |
83 |
83 |
No |
59 |
No |
13.0 |
name |
83 |
83 |
No |
No |
69 |
No |
83 |
83 |
No |
59 |
No |
13.0 |