Javascript – Fonksiyon Argümanları
Ağustos 29, 2022Javascript – Event Tanımlama
Ağustos 29, 2022Javascript - Metod ve Fonksiyonlar
<!DOCTYPE html>
<html>
<head>
<title>Ömer Turak - Javascript - Code 24</title>
<meta charset="utf-8">
<link rel="stylesheet" href="../css/bootstrap.css">
<link rel="stylesheet" href="../css/bootstrap-theme.css">
</head>
<body>
<div class="container">
<div class="alert alert-success" role="alert">
<h4 class="alert-heading">Javascript Code Example 24 </h4> Javascript Methods and Functions <a href="../index.html">Back Home</a>
</div>
<div>
<h4>BANA GÖNDERECEĞİNİZ E-POSTA İÇERİĞİ</h4>
<form name="form1">
<B>e-mail adresinizi giriniz:</B>
<input type="text" name="eadres"><P>
<input type="button" value="gönder" NAME="button1" onClick="verikontrol()">
</form>
</div>
<hr>
<form name="form1">
<input type="text" name="ad" size=20 placeholder="ad">
<input type="text" name="soyad" size=20 placeholder="Soyad">
<input type="button" value="BÜYÜK HARF" name="buyukharf" onClick="degis('buyuk')">
<input type="button" value="KÜÇÜK HARF" name="kucukharf" onClick="degis('kucuk')">
</form>
<hr>
<form>
<input type = "button" value = "BİR ÖNCEKİ" onClick = "history.back()">
<!-- Yukardaki kod çalıştırılınca gelen sayfada BİR ÖNCEKİ düğmesine tıklarsanız,
aktif sayfadan bir önce erişilmiş olan web sayfasına ulaşırsınız. -->
</form>
<script type="text/javascript">
/*
* Metotlar nesneler için tanımlanmış olan fonksiyonlar ya da işlevlerdir. Her nesnenin kendisine özgü metotları mevcuttur.
* Metotlar bir anlamda nesnenin yapabileceği eylemler olarak da görülebilir.
* Bir metot ya nesne üzerinde bazı değişiklikler yapar ya da nesnenin algıladığı bazı mesajlara cevap olarak bir eylem oluşturur.
* Örneğin document nesnesinin metotlarından biri de write metodudur ve bu metot kendisine verilen bilgileri document nesnesi üzerine yazar.
* Bir nesneye ait metodu harekete geçirmek için,
*
* */
// NesneAdı.MetotAdı(ArgümanListesi)
// şeklinde bir yazılış biçimi kullanılır. Örneğin,
// Document.write(x)
/*
* ifadesinde document nesnesi üzerine x değişkeninin değeri yazdırılmaktadır.
* JavaScript fonksiyonları ise nesnelerden bağımsız olarak belirli işlevleri yerine getiren program parçalarıdır.
* Fonksiyonlar iki gruba ayrılır:
* JavaScript'in yapısında hazır olarak bulunan fonksiyonlar (built in functions)
* Kullanıcı tarafından tanımlanan fonksiyonlar (user defined functions).
*
* */
// Date Nesnesine Ait Metotlar
/*
* Metot Gerçekleştirdiği işlem
* getDate Belirli bir tarihe ait ayın gününü gönderir. (1-31 arası bir değer)
* getDay Belirli bir tarihe ait haftanın gününü gönderir. (1-7 arası bir değer)
* getHours Belirli bir tarihe ait saati gönderir.
* getMinutes Belirli bir tarihe ait dakikayı gönderir.
* getMonth Belirli bir tarihe ait ay bilgisini gönderir.
* getSeconds Belirli bir tarihe ait saniye bilgisini gönderir.
* getTime 1 Ocak 1970 ile belirlenmiş bir tarih arasındaki saniye sayısını gönderir.
* getTimeZoneoffset O anda bulunulan bölge için zaman bölgesi değerini dakika cinsinden gönderir.
* getYear Belirli bir tarihe ait yıl bilgisini gönderir.
* parse 1 Ocak 1970 00:00:00 anından itibaren geçen milisaniye sayısını gönderir.
* setDate Belirtilen bir tarihi oluşturur.
* setDay Belirtilen bir tarihi oluşturur.
* setHours Belirtilen bir tarihe ait saat bilgi için atama işlemini gerçekleştirir.
* setMinutes Belirtilen bir tarihe ait dakika bilgisini atar.
* setMonth Belirtilen bir tarihe ait ay bilgisini atar.
* setSeconds Belirtilen bir tarihe ait saniye bilgisini atar.
* setTime Belirtilen bir tarihe ait zaman bilgisini atar.
* setYear Belirtilen bir tarihe ait yıl bilgisini atar.
* toGMTString GMT (Greenwich Ortalama Zamanı) biçimini kullanarak bir tarihi string'e dönüştürür.
* toLocaleString Bir tarihi yerel özellikleri kullanarak string'e dönüştürür.
* toString Bulunulan konuma ait tarihi string'e dönüştürür.
* UTC Virgül ayraçlı bir tarih bilgisini 1 Ocak 1970'ten itibaren geçmiş saniye sayısına dönüştürür.
*
* */
var suan = new Date();
var ayAd = suan.getMonth() + 1; // getMonth Ayı 0 to 11 aralığında verir
var gunAd = suan.getDay() + 1; // getDay Günü 0 to 6 aralığında verir
document.write("<H3>"+suan+"<H3>");
/* suan.getDate() - Ayın günü = 1 to 31
gün no 10'dan küçükse önüne sıfır koy
*/
if (suan.getDate()<10)
GunNo = "0" + suan.getDate();
else
GunNo = suan.getDate();
if(gunAd==1) Gun = "Pazar,";
if(gunAd==2) Gun = "Pazartesi,";
if(gunAd==3) Gun = "Salı";
if(gunAd==4) Gun = "Çarşamba";
if(gunAd==5) Gun = "Perşembe";
if(gunAd==6) Gun = "Cuma";
if(gunAd==7) Gun = "Cumartesi";
if(ayAd==1) Ay="Ocak";
if(ayAd==2) Ay="Şubat";
if(ayAd==3) Ay="Mart";
if(ayAd==4) Ay="Nisan";
if(ayAd==5) Ay="Mayıs";
if(ayAd==6) Ay="Haziran";
if(ayAd==7) Ay="Temmuz";
if(ayAd==8) Ay="Ağustos";
if(ayAd==9) Ay="Eylül";
if(ayAd==10) Ay="Ekim";
if(ayAd==11) Ay="Kasım";
if(ayAd==12) Ay="Aralık";
// o anki tarihi temsil eden stringi oluştur
var buGunTar =(" " + GunNo + " " + Ay + " " + Gun );
// tarihi sayfaya yaz
document.open();
document.write("<font size=+1 ><b> BUGÜN : "+buGunTar+" </b></font>");
// javascript sonu-->
//--------------------------------------------------------------------------------------------------------------
// Document Nesnesine Ait Metotlar
/*
* Metot Görevi
* clear Pencereyi temizler
* close Document nesnesi için çıkış akımını kapatır; window nesnesi için pencereyi kapatır.
* open Bir document ya da window nesnesini açar.
* write Bir document ya da window nesnesi üzerine verilen bir metni yazar.
* writeln Bir document ya da window nesnesi üzerine bir metin yazar ve metnin sonuna bir yeni satıra geçme karakteri ekler.
*
* */
document.write("Naber");
// Form Nesnesine Ait Metotlar
/*
* Metot Görevi
* blur Bir metin kutusu metin bölgesi ya da şifre metin kutusu nesnesini odaktan çıkartır
* click Bir form düğmesi (butonu) üzerinde tıklama (click) eylemi oluşmuş gibi işlem yapar
* focus Bir metin kutusu, metin bölgesi ya da şifre metin kutusu nesnesini odağa alır
* select Bir metin kutusu, metin bölgesi ya da şifre metin kutusunun içindeki metni seçer
* submit Bir formu bir sunucuya (server) gönderir
*
* */
function icerik(kar,lstring) {
val = false;
for (var i=1;i<=lstring.length;i++) {
if (lstring.substring(i,i+1)==kar) {
val=true;
break
}
}
return val
}
function verikontrol()
{
if (icerik("@",document.form1.eadres.value)) {
document.form1.submit()
}
else {
alert("YAZDIĞINIZ BİR E-POSTA ADRESİNE BENZEMİYOR!")
return false
}
}
//--------------------------------------------------------------------------------------------------------------
// Form Nesnesi İle İlişkili Bir Uygulama: Büyük Küçük Harf Dönüşümü
// kod çalışmıyor kontrol et.
function degis (d){
if (d == "buyuk"){
document.form1.ad.value = document.form1.ad.value.toUpperCase();
document.form1.soyad.value = document.form1.soyad.value.toUpperCase();
}
else {
document.form1.ad.value = document.form1.ad.value.toLowerCase();
document.form1.soyad.value = document.form1.soyad.value.toLowerCase();
}
}
//--------------------------------------------------------------------------------------------------------------
// History Nesnesine Ait Metotlar
/*
* Metot Görevi
* back Geçmiş (history) listesinden önceki URL'i yükler.
* forward Geçmiş (history) listesinden bir sonraki URL'i yükler.
* go Geçmiş (history) listesinden bir URL yükler.
*
* */
history.go(-3); //Kullanıcının aktif web sayfasından üç adım öncesinin URL'ine gider.
window.history.back(); // window2 adlı pencereyi, kendi history'si içinde bir adım öncesine götürür.
// parent.frames[1].history.back(); // Bu örnekte bir çerçeve kümesi içindeki frame1 adlı çerçeve içinde kendi history'sinin bir adım öncesine gidilir.
/*
if (history[0].indexOf("NETSCAPE") != -1) {
fonk1(history[0])
}
*/ // history listesinin ilk elemanının NETSCAPE olup olmadığı kontrol ediliyor. Bu eleman NETSCAPE ise fonk1 adlı fonksiyon çağrılacaktır.
// document.writeln("<B>history listesi:</B> " + history) // tüm history listesini döküyor.
//--------------------------------------------------------------------------------------------------------------
// Math Nesnesine Ait Metotlar
/*
* Metot Görevi
* abs Bir sayının mutlak değerini gönderir
* acos Bir sayının arkkosinüsünü (arc cos) gönderir.
* asin Bir sayının arksinüsünü (arc sin) gönderir.
* atan Bir sayının arktanjantını (arc tan) gönderir.
* Ceil(sayı) Sayıdan büyük ya da ona eşit en küçük tam sayıyı gönderir.
* cos Sayının kosinüsünü gönderir.
* eval Bir string ifade içindeki matematiksel işlemi sonuçlandırır. Örneğin "3*4"ün sonucunu bulur.
* exp ex fonksiyonunu hesaplar.
* Floor(sayı) Sayının kendisinden küçük ya da sayıya eşit en büyük tam sayıyı bulur.
* isNaN Argümanı olan değerin bir sayı olup olmadığını bulur.
* log Bir sayının tabii logaritmasını (e tabanına göre logaritma) hesaplar.
* max İki sayıdan büyük olanını gönderir.
* min İki sayıdan küçük olanını gönderir.
* pow(x,y) xy'yi gönderir.
* random Bir rastgele sayı gönderir.
* round En yakın tam sayı değere yuvarlatılmış bir sayı gönderir.
* sin Bir sayının sinüsünü gönderir.
* sqrt Bir sayının kare kökünü gönderir.
* tan Bir sayının tanjantını gönderir.
*
* */
//--------------------------------------------------------------------------------------------------------------
// String Nesnesine Ait Metotlar
/*
* Metot İşlevi
* anchor İsimlendirilmiş bir anchor (çapa) hazırlar. Bu bilindiği gibi gerçekte bir hipermetin (hypertext) hedefidir.
* big Metni büyük olarak oluşturur.
* blink Metni yanar-söner hale getirir.
* bold Metni kalın çizgili olarak oluşturur.
* charArt Belirtilen bir pozisyondaki karakteri gönderir.
* fixed Metni sabit-eğimli yazıtipi (font) şekline dönüştürür.
* fontcolor Yazıtipi rengini atar.
* fontsize Yazıtipi büyüklüğünü belirler
* IndexOf(x,y) y nci karakterden aramaya başlayarak x karakterinin string nesnesi içinde ilk rastlandığı konumu gönderir.
* italics Metni italik (eğik) biçime dönüştürür.
* LastIndexOf(x,y) y nci karakterden aramaya başlayarak x karakterinin string nesnesi içinde son rastlandığı konumu gönderir.
* link Bir hiperlink oluşturur.
* small Metni küçük boyuta dönüştürür.
* strike Metni üstü çizgili hale dönüştürür.
* sub Metni alt indis şekline dönüştürür.
* substring Bir stringin bir alt parçasını gönderir.
* sup Metni bir üst indis haline getirir.
* toLowerString Bir stringi küçük harfe dönüştürür.
* toUpperString Bir stringi büyük harfe dönüştürür.
* write Bir pencere ya da belgeye bir metin yazar.
* writeln Bir pencere ya da belgeye bir metin yazar; metnin sonuna bir yeni satıra geçiş karakteri ekler.
*
* */
var ad = "smith";
document.write ("ad = ",ad,'<br>');
document.write ("ad.length = " , ad.length,'<br>');
document.write ("ad.bold() = ",ad.bold(),'<br>');
document.write ("ad.italics() = ",ad.italics(),'<br>');
document.write ("ad.charAt(11) = ",ad.charAt(11),'<br>');
document.write ("ad.toLowerCase() = ",ad.toLowerCase(),'<br>');
document.write ("ad.toUpperCase() = ",ad.toUpperCase(),'<br>');
//--------------------------------------------------------------------------------------------------------------
// Kullanıcı Arayüzü Metotları : Kullanıcı ile çeşitli tipte mesaj kutuları aracılığıyla haberleşmeyi sağlayan metotlardır.
/*
* Metot Görevi
* alert OK düğmesi içeren bir mesaj kutusu görüntüler.
* confirm Yes ve No düğmelerini içeren bir mesaj kutusu görüntüler.
* prompt Kullanıcıyı bir sonraki giriş için uyaran bir mesaj kutusu görüntüler.
*
* */
//--------------------------------------------------------------------------------------------------------------
// Window Metotları
/*
* Metot Görevi
* clear Pencereyi siler.
* clearTimeout SetTimeout metodu ile önceden oluşturulan zamanlayıcıyı (timer) siler.
* close Pencereyi kapatır.
* open Bir pencere ya da belgeyi açar.
* setTimeout Zamanlayıcıya ilk değer ataması işlemini gerçekleştirir.
*
* */
//--------------------------------------------------------------------------------------------------------------
// setTimeout ve clearTimeout Metotlarının Kullanımı
// örnek : https://gelecegiyazanlar.turkcell.com.tr/konu/web-programlama/egitim/301-javascript/settimeout-ve-cleartimeout-metotlarinin-kullanimi
// ayrıca örnek yapılacak...
</script>
</div>
</body>
</html>