Inline vs external javascript

Inline vs external javascript

In this video we will discuss br 1. Different places where JavaScript can be present br 2. Advantages of external JavaScript over inline JavaScript br br JavaScript can be stored either inline on the page or in an external .js file. Let's look at an example of both the approaches. br br Inline JavaScript example : In this example, IsEven() JavaScript function is present inline on the page. br br br br function IsEven() br { br var number = document.getElementById("TextBox1").value; br if (number 2 == 0) br { br alert(number + " is even number"); br } br else br { br alert(number + " is odd number"); br } br } br br br br br Number : br br br br br br br External JavaScript example : Steps to store JavaScript in an external .js file br 1. In Visual Studio, right click on the project name in Solution Explorer and select add select Add = New Item br 2. From the "Add New Item" dialog box select "JScript File". Name the file "ExternalJavaScript.js" and click Add. br 3. Copy and paste the following JavaScript function in the "ExternalJavaScript.js" file br br function IsEven() br { br var number = document.getElementById("TextBox1").value; br if (number 2 == 0) br { br alert(number + " is even number"); br } br else br { br alert(number + " is odd number"); br } br } br br 4. On your webform in the head section include a reference to the external JavaScript file using script element as shown below br br br Advantages of external JavaScript over inline JavaScript : Here are some of the general advantages of external JavaScript over inline JavaScript br br Maintainability : JavaScript in external files can be referenced on multiple pages without having to duplicate the code inline on every page. If something has to change, you only have one place to change. So external JavaScript code can be reused and maintenance will be much easier. br br Separation of Concerns : Storing JavaScript in a separate external .js file adheres to Separation of concerns design principle. In general it is a good practice to separate HTML, CSS and JavaScript as it makes it easier working with them. Also allows multiple developers to work simultaneously. br br Performance : An external JavaScript file can be cached by the browser, where as an inline JavaScript on the page is loaded every time the page loads.


User: Kudvenkat

Views: 70

Uploaded: 2014-11-16

Duration: 06:30

Your Page Title