{"id":7092,"date":"2013-01-28T06:29:06","date_gmt":"2013-01-28T06:29:06","guid":{"rendered":"http:\/\/vskills.in\/certification\/tutorial\/?p=7092"},"modified":"2024-04-12T14:13:38","modified_gmt":"2024-04-12T08:43:38","slug":"scripts-in-html-2","status":"publish","type":"page","link":"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/","title":{"rendered":"Scripts in HTML"},"content":{"rendered":"<h4><strong>Scripts in HTML<\/strong><\/h4>\n<p>A script is a program usually embedded in a webpage or accompany it. The script executes on the client&#8217;s browser when the document loads, or when a event takes place. HTML support different scripting language.<\/p>\n<p>Scripts make a web page interactive and can execute when<\/p>\n<ul>\n<li>On a document load<\/li>\n<li>When a form is submitted to check input data<\/li>\n<li>Triggered by specific events like element focus, mouse movement etc.<\/li>\n<\/ul>\n<p><strong><span style=\"text-decoration: underline;\">Using Scripts<\/span> <\/strong><\/p>\n<p>There are two ways of using a script in an HTML document<\/p>\n<p><strong>External Script File<\/strong> &#8211; A separate file stores all the script functionality and is included in all the web pages on which the script functionality is to be used. It uses &lt;script&gt; tag in head section<\/p>\n<p>&lt;head&gt;<\/p>\n<p>&lt;script src=&#8221;yourfile.js&#8221; type=&#8221;text\/javascript&#8221; \/&gt;<\/p>\n<p>&lt;\/head&gt;<\/p>\n<p><strong>Internal Script File<\/strong> \u2013 To apply script functionality to a single web page usually it is given in the header of the document using &lt;script&gt; tag for executing some functionality on web page loading or it can be placed anywhere in the web page as shown<\/p>\n<p>&lt;body&gt;<\/p>\n<p>&lt;script type=&#8221;text\/javascript&#8221;&gt;<\/p>\n<p>document.write(&#8220;Hello Javascript!&#8221;)<\/p>\n<p>&lt;\/script&gt;<\/p>\n<p>&lt;\/body&gt;<\/p>\n<p><strong><span style=\"text-decoration: underline;\">Event Handler<\/span> <\/strong><\/p>\n<p>It is an script or program which executes on specific event only usually on the UI event attributes like \u2018onmouseover\u2019, \u2018onmousehover\u2019 etc. as shown in example function \u2018announce\u2019 in header section is called when user hovers mouse over a heading<\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"276\">\n<p style=\"text-align: center;\"><strong>HTML code<\/strong><\/p>\n<p>&lt;head&gt;<\/p>\n<p>&lt;title&gt;Event Handler &lt;\/title&gt;<\/p>\n<p>&lt;script type=&#8221;text\/javascript&#8221;&gt;<\/p>\n<p>function announce()<\/p>\n<p>{<\/p>\n<p>alert(&#8220;Hover on Heading&#8230;.&#8221;);<\/p>\n<p>return;<\/p>\n<p>}<\/p>\n<p>&lt;\/script&gt;<\/p>\n<p>&lt;\/head&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>&lt;h1 onmouseover=&#8221;announce();&#8221;&gt;<\/p>\n<p>Heading alert<\/p>\n<p>&lt;\/h1&gt;<\/p>\n<p>&lt;\/body&gt;<\/td>\n<td width=\"314\">\n<p style=\"text-align: center;\"><strong>Browser output<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42033\" src=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Scripts-in-HTML.png\" alt=\"Scripts in HTML\" width=\"342\" height=\"222\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong><span style=\"text-decoration: underline;\">Hiding Scripts<\/span> <\/strong><\/p>\n<p>Older browsers may not support scripts and the script code is shown to the user. HTML comments around the script are used so that older browsers avoid it as shown<\/p>\n<p>&lt;script type=&#8221;text\/javascript&#8221;&gt;<\/p>\n<p>&lt;!&#8211;<\/p>\n<p>document.write(&#8220;Hello!&#8221;);<\/p>\n<p>\/\/&#8211;&gt;<\/p>\n<p>&lt;\/script&gt;<\/p>\n<p><span style=\"text-decoration: underline;\"><strong>&lt;noscript&gt; Tag<\/strong><\/span><\/p>\n<p>It is used to give alternative text if browser do not support scripts or if scripts are disabled as shown<\/p>\n<p>&lt;script type=&#8221;text\/javascript&#8221;&gt;<\/p>\n<p>&lt;!&#8211;<\/p>\n<p>document.write(&#8220;Hello!&#8221;);<\/p>\n<p>\/\/&#8211;&gt;<\/p>\n<p>&lt;\/script&gt;<\/p>\n<p>&lt;noscript&gt;Script Disabled!&lt;\/noscript&gt;<\/p>\n<div class=\"apply\">\n<h3>Apply for HTML5 Certification Now!!<\/h3>\n<p><a href=\"http:\/\/www.vskills.in\/certification\/Certified-HTML5-Developer\" target=\"_blank\" rel=\"noopener\">http:\/\/www.vskills.in\/certification\/Certified-HTML5-Developer<\/a><\/p>\n<h4><a href=\"https:\/\/www.vskills.in\/certification\/tutorial\/certified-html5-developer\/\" target=\"_blank\" rel=\"noopener\"><strong>Back to Tutorial<\/strong><\/a><\/h4>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Scripts in HTML A script is a program usually embedded in a webpage or accompany it. The script executes on the client&#8217;s browser when the document loads, or when a event takes place. HTML support different scripting language. Scripts make a web page interactive and can execute when On a document load When a form&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[135],"tags":[6768,6767,2444,2584],"class_list":["post-7092","page","type-page","status-publish","hentry","category-html5-developer","tag-html5","tag-html5-developer","tag-html5-developer-certification","tag-scripts-in-html"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Scripts in HTML - Tutorial<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Scripts in HTML - Tutorial\" \/>\n<meta property=\"og:description\" content=\"Scripts in HTML A script is a program usually embedded in a webpage or accompany it. The script executes on the client&#8217;s browser when the document loads, or when a event takes place. HTML support different scripting language. Scripts make a web page interactive and can execute when On a document load When a form...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutorial\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vskills.in\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T08:43:38+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Scripts-in-HTML.png\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/\",\"name\":\"Scripts in HTML - Tutorial\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Scripts-in-HTML.png\",\"datePublished\":\"2013-01-28T06:29:06+00:00\",\"dateModified\":\"2024-04-12T08:43:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/#primaryimage\",\"url\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Scripts-in-HTML.png\",\"contentUrl\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Scripts-in-HTML.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Scripts in HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"name\":\"Tutorial\",\"description\":\"Vskills - A initiative in elearning and certification\",\"publisher\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\",\"name\":\"Vskills\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"contentUrl\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"width\":73,\"height\":55,\"caption\":\"Vskills\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/vskills.in\/\",\"https:\/\/x.com\/vskills_in\",\"https:\/\/www.linkedin.com\/company-beta\/1371554\/\",\"https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Scripts in HTML - Tutorial","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/","og_locale":"en_US","og_type":"article","og_title":"Scripts in HTML - Tutorial","og_description":"Scripts in HTML A script is a program usually embedded in a webpage or accompany it. The script executes on the client&#8217;s browser when the document loads, or when a event takes place. HTML support different scripting language. Scripts make a web page interactive and can execute when On a document load When a form...","og_url":"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/","og_site_name":"Tutorial","article_publisher":"https:\/\/www.facebook.com\/vskills.in\/","article_modified_time":"2024-04-12T08:43:38+00:00","og_image":[{"url":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Scripts-in-HTML.png","type":"","width":"","height":""}],"twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/","name":"Scripts in HTML - Tutorial","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/#primaryimage"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/#primaryimage"},"thumbnailUrl":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Scripts-in-HTML.png","datePublished":"2013-01-28T06:29:06+00:00","dateModified":"2024-04-12T08:43:38+00:00","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/#primaryimage","url":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Scripts-in-HTML.png","contentUrl":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Scripts-in-HTML.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/scripts-in-html-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/tutorial\/"},{"@type":"ListItem","position":2,"name":"Scripts in HTML"}]},{"@type":"WebSite","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","name":"Tutorial","description":"Vskills - A initiative in elearning and certification","publisher":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization","name":"Vskills","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","contentUrl":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","width":73,"height":55,"caption":"Vskills"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/vskills.in\/","https:\/\/x.com\/vskills_in","https:\/\/www.linkedin.com\/company-beta\/1371554\/","https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw"]}]}},"_links":{"self":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/7092","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/comments?post=7092"}],"version-history":[{"count":7,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/7092\/revisions"}],"predecessor-version":[{"id":126635,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/7092\/revisions\/126635"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/media?parent=7092"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/categories?post=7092"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/tags?post=7092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}