En temel seviyeden ileri düzey'e kadar ilerleyecek , içerisinde sadece örnekler barındıran çalışma notlarım.
* Dökümana yazmak
document.write("hello");
* Html elementi değiştirmek
var element = document.getElementById("Divx");
element.innerHTML = "ssgsgsd";
* Comment satırı
//document.write("<p>This is a paragraph.</p>");
* İf statement
var zaman = new Date();
var saat = zaman.getHours();
if (saat < 12)
document.write("gunaydın")
if (saat > 12 && saat < 15)
document.write("tünaydın");
* 0-1 arası random sayı
var sayi = Math.random()
* Switch statement
var d = new Date();
var theDay = d.getDay();
switch (theDay)
{
case 5:
document.write("<b>Cuma</b>");
break;
case 6:
document.write("<b>Cumartesi</b>");
break;
case 0:
document.write("<b>Pazar</b>");
break;
default:
document.write("<b>Diğer Günler</b>");
}
* Alert ile mesaj kutusu
<script type="text/javascript">
function MesajKutusu(mesaj) {
alert(mesaj);
}
</script>
</head>
<body>
<input id="Submit1" type="submit" value="submit" onclick='MesajKutusu("bubiryazıdır \n alt satır");' />
</body>
* Confirm box
<script type="text/javascript">
function show_confirm() {
var r = confirm("Seçim yap");
if (r == true) {
alert("Ok'e bastın");
}
else {
alert("Cancel'a bastın");
}
}
</script>
</head>
<body>
<input id="Submit1" type="submit" value="submit" onclick='show_confirm();' />
* Değer döndüren fonksiyon
<script type="text/javascript">
function Foo() {
return "xxx";
}
document.write(Foo());
</script>
* For döngüsü
<script type="text/javascript">
var i = 0;
for (i = 0; i <= 10; i++) {
document.write(i + ". ci sayı!");
document.write("<br />");
}
</script>
* While döngüsü
<script type="text/javascript">
var i = 0;
while (i <= 5) {
document.write(i+" .ci sayı!");
document.write("<br />");
i++;
}
</script>
* Break ile döngüden çıkmak
<script type="text/javascript">
var i = 0;
for (i = 0; i <= 10; i++) {
if (i == 3) {
break;
}
document.write(i+" .cı sayı!");
document.write("<br />");
}
</script>
* Continue ile döngüye devam ( 3 sayısı ekrana yazmaz )
<script type="text/javascript">
var i = 0;
for (i = 0; i <= 10; i++) {
if (i == 3) {
continue;
}
document.write(i);
document.write("<br />");
}
</script>
* For .. in statement
<script type="text/javascript">
var person = { fname: "Tarık", lname: "Kaygusuz", age: 27 };
for (x in person) {
document.write(person[x] + " ");
}
// Döngü ile aynı sonucu verir
document.write(person["fname"] + " " + person["lname"] + " " + person["age"]);
</script>
* Error Handling
<script type="text/javascript">
function Mesaj() {
try {
alertttt("uyarı mesajı")
} catch (err) {
var mesaj = "Sayfada bir hata meydana geldi" + "\n";
mesaj += "Hata tanımı : " + err.Description + "\n";
mesaj += "Devam etmek için ok'ye bas" + "\n";
mesaj += "Yada anasayfaya dönmek için cancel'a bas"
if (!confirm(mesaj)) {
document.location.href = "http://www.molks.org/";
}
}
}
</script>
* Error Handling / onerror event kullanımı
<script type="text/javascript">
onerror = handleErr;
function handleErr(msg, url, l) {
var txt = "";
txt = "Sayfada bir hata meydana geldi.\n\n";
txt += "Error: " + msg + "\n";
txt += "URL: " + url + "\n";
txt += "Line: " + l + "\n\n";
txt += "Devam etmek için OK'ye basın.\n\n";
alert(txt);
return true;
}
function message() {
adddlert("Hatalı alert yazımı!");
}
</script>
</head>
<body onload='message()'>
</body>
kaynak : http://www.w3schools.com
d5e3035d-a57e-4323-ae37-0edf60ae256c|1|5.0