This free short JavaScript tutorial discusses advantages and disadvantages of using in your website designs, of using JavaScript in affecting to your website performance; discusses the possible situations in your JavaScript daily tasks. Please go to the detailed post for JavaScript advantages and disadvantages that you're interested in.

• Demo
• Enlarge
• Reload
• New window

This article discusses the good and the bad points of using JavaScript in your website designs. It points out the areas where JavaScript excels as a web based programming language and also describes situations where its use can actually detract from the performance of a website.

First of all, JavaScript is a browser based programming language that actually runs client side. This means that any code that you write in JavaScript is delivered along with your web pages and the scripts that you write actually run from within the users' browser rather than directly on the server that is serving the web page. There are situations where JavaScript is an excellent solution for implementing neat features in a web design but there are also situations where using JavaScript can hurt your websites performance. It is my aim in this article to describe the best ways to use JavaScript and how to circumnavigate the downsides of using this versatile and powerful scripting language.
JavaScript for Web Design - The Advantages

JavaScript is an excellent solution to implement when validating input forms on the client side. This means that if a user forgets to enter his name in a form for instance a JavaScript validation function can popup a message to let him know about the omission. This is a far better solution that having a server side validation routine handle the error because the server does not have to do any additional processing. An asp or php routine could be written to achieve the same task but the JavaScript would not allow the form to be submitted unless it was completed properly in the first place, a much more robust solution!

Another area where JavaScript excels is in the creation of dynamic effects such as rollover images and scripted slideshows, where its use has become commonplace. Because JavaScript runs inside the clients browser it can be used to change the appearance of the users screen after the page has been sent by the server. This allows it to create some very impressive dynamic image effects.
JavaScript for Web Design - The Disadvantages

One of the major draw backs to using JavaScript is that it tends to severely bloat web pages. JavaScript code can quickly add up to hundreds of lines of code if you are using it to do anything even remotely interesting. That said the problem of large chunks of JavaScript code is easily solved by storing the JavaScript code off into separate JavaScript source files that have a .js extension. This cleans up your web page code because the JavaScript code is stored separately to the HTML page itself, leaving a much cleaner and more readable web page.

Because of JavaScript's tendency to bloat web pages it can be very detrimental to the search engine friendliness of your web site. This is because when a search engine arrives at your site looking for quality content and keywords to determine what your page is al about, the last thing it wants to see is hundreds of lines of JavaScript code. Again, this problem is easily solves by neatly storing JavaScript code away in script files with a .js extension and linking to the script file in your HTML documents.
Conclusion:

JavaScript is a feature rich and useful browser based script that if used properly can achieve some great effects and improve the experience for the end user. There are drawbacks to its use in that it tends to bloat web pages. The key thing to remember is to get the best of both worlds by using JavaScript code in external script files. That way the code is separated from your content so you get all the benefit of JavaScript functionality but without the adverse effects of the associated code bloating.

• Code
• Print

• Comment (9)
• Write

by Ejaz Siddiqui, 06/09/2010 12:09 PM
webdesigning Reply

I recently discovered your blog/website and have actually enjoyed reading this and some of your other posts. I thought I would dive out from the shadows and leave my first comment. I

by diepth, 06/09/2010 03:09 PM
Reply

bài hay

by Cao Phong, 06/09/2010 04:09 PM
Reply

hay mà để emoticon gì kì vậy bạn?

by hien, 14/09/2010 10:09 AM
Reply

sao chỗ hướng dẫn không có t.việt nhỉ @! lại phải dịch !

by Cao Phong, 14/09/2010 01:09 PM
ờ Reply

chắc bạn phải tự dịch thoai > tập đọc tiếng Anh cho nó thêm "pro" đi bạn

by shailendra, 15/09/2010 04:09 PM
menu codes Reply

for menu javascript menu code :>

by cheap cirque du soleil o tickets, 16/09/2010 02:09 PM
Abc Reply

Its a nice comment.I love reading it in detail and bookmarked it.I found some real value in the content.Loved it

by Singapore web designer, 19/09/2010 02:09 AM
Reply

Excellent site! I am loving it!! Will come back again, That article got me thinking. Wonderful writing style. Thanks for sharing your thoughts. Wonderful article. A great read. Thank you.

by send valentines day flower Sweden, 08/02/2012 11:02 AM
Thanks Reply

I am glad to see that people are actually writing about this issue in such a smart way, showing us all different sides to it. You are a great blogger. Please keep it up. I cant wait to read whats next

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
Your site

Comment's title

I assure 100% I am real human
I repeat I am not bot

• Sent (0)
• New