Javascript – Hazır Nesneler
Ağustos 29, 2022Javascript – Fonksiyon Oluşturma ve Parametrik Fonksiyonlar
Ağustos 29, 2022Javascript - Nesne Özellikleri
<!DOCTYPE html>
<html>
<head>
<title>Ömer Turak - Javascript - Code 22</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 22 </h4> Javascript Object Properties <a href="../index.html">Back Home</a>
</div>
<div class="form">
<h2>Smaple Form</h2>
<form id="formA" name="fom">
<input type="radio" name="gender" value="male" checked> Male
<br>
<input type="radio" name="gender" value="female"> Female
<br>
<input type="radio" name="gender" value="other"> Other
</form>
<a id="aBc" href="">Ömer Turak</a>
</div>
<hr>
<script type="text/javascript">
/*
* Her nesneyi belirleyen bazı özellikler (properties) mevcuttur. Bu özelliklerden bazılarına atama yoluyla değer atanabilir;
* bazıları ise sadece okunabilir (read only) tipteki özelliklerdir. İlerleyen eğitim içeriklerinde en yaygın olarak kullanılan JavaScript
* nesnelerine ait özellikleri öğreneceksiniz.
* */
/* Tarayıcı (Browser) Hakkında Bilgi Veren Özellikler
* Tarayıcı hakkında bilgi almak için Navigator nesnesinin özelliklerine bakmak gerekir.
* Aşağıdaki tabloda nesnenin özelliklerine bakabilirsiniz:
*
* Özellik İşlevi
* appCodeName Aktif tarayıcının kod adı.
* appName Aktif tarayıcının uygulama adı.
* appVersion Aktif tarayıcının sürüm numarası.
* userAgent Tarayıcıdan sunucuya (server) gönderilen "kullanıcı bilgisi".
*/
var Browser12 = [
navigator.appCodeName,
navigator.appName,
navigator.appVersion,
navigator.userAgent
];
console.log(Browser12);
// Localhost'ta olduğu için görünmeyebilir.
//--------------------------------------------------------------------------------------------------------------
/* Document Nesnesi Özellikleri:
* Document nesnesine ait özellikler aşağıdaki gibidir:
*
* Özellik İşlev
* alinkColor Document nesnesi üzerindeki bağlantıların rengi.
* Anchors[ ] Document nesnesi üzerindeki tüm çapaların (link adreslerin) listesi.
* bgColor Belgenin (document) zemin rengi.
* cookie Metin türü bilgi içeren yarı-kalıcı bir bellek alanı.
* defaultStatus Durum (status) çubuğu için default metin.
* fgColor Belgenin (document) metin rengi.
* Forms[ ] Belgedeki formların listesi.
* lastModified Belge üzerinde en son değişikliğin yapıldığı tarih.
* linkColor Belge üzerindeki ziyaret edilmemiş bağlantıların rengi.
* Links[ ] Belgedeki bağlantıların (link) listesi.
* location Belgenin tam URL değeri.
* referrer Referans verilen (bağlantı ile çağrılan) belgenin URL bilgisi.
* status Durum çubuğunun o andaki metni.
* title Belgenin başlık bilgisi.
* vlinkColor Belgedeki ziyaret edilen bağlantıların rengi.
*/
document.write(document.location + "<br>");
document.write(document.lastModified + "<br>");
document.write(document.title + "<br>");
// -------------------------------------------------------------------------------------------------------------
/* Form Özellikleri
* JavaScript'te form özellikleri aşağıdaki gibidir:
*
* Özellik İşlevi
* action Bir form için hedef URL değeri
* defaultChecked Bir radyo butonu ya da kontrol kutusu için öntanımlı seçili durum
* defaultSelected Bir opsiyon listesi için öntanımlı seçim
* defaultValue Bir metin kutusu ya da metin alanı için öntanımlı değer
* checked Form üzerindeki radyo butonu ya da kontrol kutusunun durumu
* Elements[ ] Belgedeki (document) form elemanlarının listesi
* encoding Bir form için MIME kodlama formatı
* form Ebeveyn form nesnesi
* index Form içindeki bir seçme listesindeki belirli bir seçenek
* length Listedeki eleman sayısı
* method Bir form için kullanılan gönderme metodu (get ya da post)
* name Form nesnesinin adı
* Options[ ] Form içindeki bir seçim listesindeki seçeneklerin listesi
* selected Bir radyo butonu ya da kontrol kutusunun o anki durumu
* selectedIndex Form içindeki bir seçme listesindeki seçilmiş seçenek
* target Hedef formun adı
* text Form içindeki bir seçim listesindeki bir seçeneğin metni
* value Bir metin kutusu ya da metin alanının metni
* */
document.getElementById("formA").name = "oname";
document.getElementById("formA").action = "oaction";
document.getElementById("formA").method = "ometod";
// -------------------------------------------------------------------------------------------------------------
/* Link ve Anchor Özellikleri
* Link (bağlantı) ve anchor (çapa) özellikleri, <a href = ...> ve <name =...> şeklinde belirtilen bağlantılara ait özelliklerdir.
*
* Özellik İşlevi
* hash URL'de # sembolünü izleyen metin içeriği
* host URL'in hostadı:port kısmı
* hostname URL'in host ve domain kısmı (ya da IP adresi)
* href Tüm URL bilgisi
* length Anchor veya linklerin sayısı
* pathname Bir URL için yol (path) bilgisi
* port Bir URL'in port kısmı
* protocol Bir URL'in protokol kısmı
* search URL'in arama (search) kısmı
* target Hedefteki bağlantının adı
* */
document.getElementById("aBc").hash = "www.omerturak.com";
document.getElementById("aBc").target = "ömer turak";
// -------------------------------------------------------------------------------------------------------------
/* Math Nesnesine Ait Özellikler
* Math nesnesine ait özellikler, bazı matematiksel fonksiyonlar için gerekli olan standart değerleri saklar.
* Bu tip özellikleri aşağıdaki tabloda bulabilirsiniz:
*
* Özellik İşlevi
* E Euler sabiti (2.71 ...)
* LN2 2'nin e tabanına göre (doğal) logaritması
* LN10 10'un e tabanına göre (doğal) logaritması
* LOG2E E sayısının 2 tabanına göre logaritması
* LOG10E E sayısının 10 tabanına göre logaritması
* PI Pi sayısı (3.14159...)
* SQRT1_2 ½'nin kare kökü
* SQRT2 2'nin kare kökü
*
* */
document.write(Math.PI * 22 + "<br>");
document.write(Math.SQRT1_2 * 2 + "<br>");
// -------------------------------------------------------------------------------------------------------------
/* String Nesnesine Ait Özellikler
* String nesnesinin özelliği, string'in kaç karakterden oluştuğunu bildiren uzunluk (length) özelliğidir.
*
* */
var message1 = "Hello World";
toString = message1;
document.write(message1.length);
// -------------------------------------------------------------------------------------------------------------
/* Window Nesnesine Ait URL Özellikleri
* O anda aktif olan belgeye ait URL değerlerini elde etmek ya da değer atamak için Window nesnesinin URL özelliklerini kullanmak gerekir.
*
* Özellik İşlev
* hash URL'de # sembolünü izleyen metin içeriği
* host URL'in hostadı:port kısmı
* hostname URL'in host ve domain kısmı (ya da IP adresi)
* href Tüm URL bilgisi
* pathname Bir URL için yol (path) bilgisi
* port Bir URL'in port kısmı
* protocol Bir URL'in protokol kısmı
* referrer Çağrılan (linklenen) belgenin URL'i
* search URL'in arama (search) kısmı
*
* */
document.write("<hr>");
document.write("<table>");
document.write("<tr><td>location </td><td>: " + window.location + "</td></tr>");
document.write("<tr><td>hash </td><td>: " + window.location.hash + "</td></tr>");
document.write("<tr><td>host </td><td>: " + window.location.host + "</td></tr>");
document.write("<tr><td>hostname </td><td>: " + window.location.hostname + "</td></tr>");
document.write("<tr><td>href </td><td>: " + window.location.href + "</td></tr>");
document.write("<tr><td>pathname </td><td>: " + window.location.pathname + "</td></tr>");
document.write("<tr><td>port </td><td>: " + window.location.port + "</td></tr>");
document.write("<tr><td>protocol </td><td>: " + window.location.protocol + "</td></tr>");
document.write("<tr><td>search </td><td>: " + window.location.search + "</td></tr>");
document.write("<tr><td>toString()</td><td>: " + window.location.toString() + "</td></tr>");
document.write("</table>");
// http://www.mynotlar.com/html_dom/window/location/location_nesnesi.aspx
</script>
</div>
</body>
</html>