JAVASCRIPT NEDİR? ÖRNEK JAVASCRIPT PROGRAM KODLARI
Bu makalemizde basit javascript örnekleri, javascript ile ilgili basit örnekler, javascript kodları ve açıklamaları, hazır javascript kodları, javascript kodları html, javascript kodları ve anlamları, javascript kodları nereye yazılır gibi konuları ele alacağız.
JAVASCRIPT NEDİR?
JavaScript Netscape firması tarafından geliştirilmiş olan bir script dilidir. Script
dilleri Web sayfası hazırlayanlara etkileşimli ve dinamik sayfalar hazırlama imkanı
vermektedir. JAVA dilinin özelliklerine ve komut yapısına çok benzeyen JavaScript
aslında JAVA dilinden ayrı olarak hazırlanmıştır.
Javascript yardımı ile HTML kaynak kodları değiştirilebilir, bu sayede dinamik Web
sayfaları hazırlamak mümkün olur. Javascript ile hazırlanmış Web sayfaları ancak
JavaScript desteği veren Web tarayıcıları ile izlenebilir. En popüler tarayıcılardan
olan Netscape Navigator ve Internet Explorer tarafından desteklenmektedir. Javascript
ile hazırlanan Web sayfalarından tam randıman alabilmek için iki tarayıcının da
en son sürümlerini kullanmanızı (en azından 4.x ve üstü) öneririz.
BAZI ÖRNEK JAVASCRIPT PROGRAMLARI VE
BUNLARIN KODLARI
a-javascript e giriş1:
programımızın HTML kodu:
<?xml version = "1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Fig. 7.1: welcome.html
-->
<!-- Displaying a line of text -->
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title>A
First Program in JavaScript</title>
<script
type = "text/javascript">
document.writeln(
"<h1>Welcome to JavaScript Programming!</h1>" );
</script>
</head><body></body>
</html>
NOT:
Görüldüğü gibi
<script type = "text/javascript">... </script> kısımları
<head></head> bölümleri arasına yazılımıştır. ve arada da javascript
kodlarımız vardır
b-Javascript'e giriş-2:
programımızın HTML kodu:
<?xml version = "1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Fig. 7.2: welcome2.html
-->
<!-- Printing a Line with Multiple Statements -->
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title>Printing
a Line with Multiple Statements</title>
<script
type = "text/javascript">
<!--
document.write( "<h1 style = \"color: magenta\">" );
document.write( "Welcome to JavaScript " +
"Programming!</h1>" );
// -->
</script>
</head><body></body>
</html>
c- javascript'e giriş 3:
programımızın HTML kodu:
<?xml version = "1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Fig. 7.3: welcome3.html
-->
<!-- Printing Multiple Lines
-->
<html xmlns = "http://www.w3.org/1999/xhtml">
<head><title>Printing
Multiple Lines</title>
<script
type = "text/javascript">
<!--
document.writeln( "<h1>Welcome to<br />JavaScript" +
"<br />Programming!</h1>" );
// -->
</script>
</head><body></body>
</html>
d-javascript'e giriş4:
programımızın HTML kodu:
<?xml version = "1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Fig. 7.4: welcome4.html
-->
<!-- Printing multiple lines in a dialog box -->
<html xmlns = "http://www.w3.org/1999/xhtml">
<head><title>Printing
Multiple Lines in a Dialog Box</title>
<script
type = "text/javascript">
<!--
window.alert( "Welcome to\nJavaScript\nProgramming!" );
// -->
</script>
</head>
<body>
<p>Click
Refresh (or Reload) to run this script again.</p>
</body>
</html>
DİĞER YAZILIM KONULARI İÇİN TIKLAYINIZ