Path: blob/main/files/en-us/web/http/headers/content-security-policy/script-src-elem/index.md
6521 views
------{{HTTPSidebar}}
The HTTP {{HTTPHeader("Content-Security-Policy")}} (CSP) script-src-elem directive specifies valid sources for JavaScript {{HTMLElement("script")}} elements.
This directive only specifies valid sources in <script> elements (both script requests and blocks). It does not apply to other JavaScript sources that can trigger script execution, such as inline script event handlers (onclick), script execution methods gated on the "unsafe-eval" check, and XSLT stylesheets. (Valid sources can be specified for all JavaScript script sources using {{CSP("script-src")}}, or just for inline script handlers using {{CSP("script-src-attr")}}.)
| CSP version | 3 |
|---|---|
| Directive type | {{Glossary("Fetch directive")}} |
| {{CSP("default-src")}} fallback |
Yes.
If this directive is absent, the user agent will look for the {{CSP("script-src")}} directive, and if both of them are absent, fall back to default-src directive.
|
Syntax
One or more sources can be allowed for the script-src-elem policy:
script-src-elem can be used in conjunction with {{CSP("script-src")}}:
Sources
<source> can be any one of the values listed in CSP Source Values.
Note that this same set of values can be used in all {{Glossary("fetch directive", "fetch directives")}} (and a number of other directives).
Examples
Violation case
Given this CSP header:
…the following script is blocked and won't be loaded or executed:
Specifications
{{Specifications}}
Browser compatibility
{{Compat}}
See also
{{HTTPHeader("Content-Security-Policy")}}
{{HTMLElement("script")}}
{{CSP("script-src")}}
{{CSP("script-src-attr")}}