HTML Tag






<!--
main_leaderboard, all: [728,90][970,90][320,50][468,60]
-->




HTML <script> Tag



❮ Previous
Complete HTML Reference
Next ❯



Example


Write "Hello JavaScript!" with JavaScript:



<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Try it Yourself »


Definition and Usage


The <script> tag is used to define a client-side script (JavaScript).


The <script> element either contains scripting statements, or it points to an external script file through the src attribute.


Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content.


Tip: If you want to learn JavaScript, visit our JavaScript
Tutorial.



Browser Support



















Element
<script> Yes Yes Yes Yes Yes


Tips and Notes


Note: If the "src" attribute is present, the <script> element must be empty.


Tip: Also look at the <noscript> element for users that have disabled scripts in their browser, or have a browser that
doesn't support client-side scripting.


Note: There are several ways an external script can be executed:



  • If async="async": The script is executed asynchronously with the rest of the page (the script will be executed while the page continues the parsing)

  • If async is not present and defer="defer": The script is executed when the page has finished parsing

  • If neither async or defer is present: The script is fetched and executed immediately, before the browser
    continues parsing the page






<!--
mid_content, all: [300,250][336,280][728,90][970,250][970,90][320,50][468,60]
-->




Differences Between HTML 4.01 and HTML5


The "type" attribute is required in HTML 4, but optional in HTML5.


The "async" attribute is new in HTML5.


The HTML 4.01 attribute: "xml:space", is not supported in HTML5.



Differences Between HTML and XHTML


In XHTML, the content inside scripts is declared as #PCDATA (instead of CDATA), which means that entities will be parsed.


This means that in XHTML, all special characters should be encoded, or all content should be wrapped inside a CDATA
section:



<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
  // some code
}
//]]>
</script>


Attributes


= New in HTML5.






































Attribute Value Description
async async Specifies that the script is executed asynchronously (only for external scripts)
charset charset Specifies the character encoding used in an external script file
defer defer Specifies that the script is executed when the page has finished parsing (only for external scripts)
src URL Specifies the URL of an external script file
type media_type Specifies the media type of the script
xml:space preserve
Not supported in HTML5.
Specifies whether whitespace in code should be preserved


Global Attributes


The <script> tag also supports the Global Attributes in HTML.



Related Pages


HTML tutorial: HTML Scripts


HTML DOM reference: Script Object


JavaScript Tutorial: Learn JavaScript



Default CSS Settings


Most browsers will display the <script> element with the following default values:




script {
    display: none;
}





❮ Previous
Complete HTML Reference
Next ❯

-

Popular posts from this blog

Python Lists

<!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> Python Lists ❮ Previous Next ❯ Python Collections (Arrays) There are four collection data types in the Python programming language: List is a collection which is ordered and changeable. Allows duplicate members. Tuple is a collection which is ordered and unchangeable. Allows duplicate members. Set is a collection which is unordered and unindexed. No duplicate members. Dictionary is a collection which is unordered, changeable and indexed. No duplicate members. When choosing a collection type, it is useful to understand the properties of that type. Choosing the right type for a particular data set could mean retention of meaning, and, it could mean an increase in efficiency or security. List A list is a collection which is ordered and changeable. In Python lists are written with square brackets. Example Create a List: thislist = ["apple", "banana", ...
Read more

Aion

Image
Aion - 6+ , 5417 Aion - . MMORPG, World of Warcraft, World of Tanks My Lineage II . CryEngine. , . : Aion https://ru.4game.com/aion/ Aion , . , , . , , . , , , . . , , , . . : . , . , , . , , . 12 , 2 : ( ). ( ). ( ). ( ) ( ). ( ). , . , : . . , . , , . . , , . Aion, , . , . , . : . . . . , : , , , , , . , , , . : Aion https://ru.4game.com/aion/install/ : . , . , . , Aion . , . . , . , . , , . . : . . . , ( !), MMORPG Aion . , . ...
Read more

JavaScript Array Iteration Methods

<!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> JavaScript Array Iteration Methods ❮ Previous Next ❯ Array iteration methods operate on every array item. Array.forEach() The forEach() method Calls a function once for each array element. Example var txt = ""; var numbers = [4, 9, 16, 25]; numbers.forEach(myFunction); function myFunction(value, index, array) {     txt = txt + item + "<br>"; } Try it Yourself » Note that the function takes 3 arguments: The item value The item index The array itself Array.forEach() is not supported in Internet Explorer 8 or earlier: Method forEach() Yes 9.0 Yes Yes Yes Array.map() The map() method creates a new array by performing a function on each array element. This example multiplies each array value by 2: Example var numbers1 = [4, 9, 16, 25]; var numbers2 = numbers1.map(myFunction); function m...
Read more