Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

JavaScript: Inline Script with SRC Attribute?

Tags:

I'm used to including and using JS like so:

<script type='text/javascript' src='/path/to/script.js'></script> .... <script type='text/javascript'>     alert('Do some stuff here, using resources defined in script.js.'); </script> 

Just out of curiosity, does anyone know the rule for having an inline script with a src attrib, like:

<script type='text/javascript' src='/path/to/script.js'>     alert('Do some stuff here, using resources defined in script.js.'); </script> 

I can test what DOES happen in various browsers, but would like to know what the official behavior is.

like image 370
Eli Avatar asked Jun 29 '09 02:06

Eli


People also ask

How do you write an inline script?

Inline JavaScript can be achieved by using Script tag inside the body of the HTML, and instead of specifying the source(src=”…”) of the JavaScript file in the Script tag, we have to write all the JavaScript code inside the Script tag.

What is script src attr?

The HTTP Content-Security-Policy (CSP) script-src-attr directive specifies valid sources for JavaScript inline event handlers. This includes only inline script event handlers like onclick , but not URLs loaded directly into <script> elements.

What is inline script in JavaScript?

Description. The "Inline JavaScript" filter reduces the number of requests made by a web page by inserting the contents of small external JavaScript resources directly into the HTML document. This can reduce the time it takes to display content to the user, especially in older browsers.

What is script src in JavaScript?

The src attribute specifies the URL of an external script file. If you want to run the same JavaScript on several pages in a web site, you should create an external JavaScript file, instead of writing the same script over and over again.


1 Answers

It's either one or the other, not both. The src attribute of the <script> tag has precedence over the body of the tag.

HTML 4.01 Specification:

The script may be defined within the contents of the SCRIPT element or in an external file. If the src attribute is not set, user agents must interpret the contents of the element as the script. If the src has a URI value, user agents must ignore the element's contents and retrieve the script via the URI.

like image 132
artlung Avatar answered Nov 15 '22 09:11

artlung