JavaScript dilini öğrenmek ve ilk sayfanızı tasarlamak için; <script type=”text/javascript”>alert(“Merhaba JavaScript “);</script> buradaki kodu bir html sayfası için yazıp bilgisayarınıza dosya uzantısı html ( örnek: merhaba-javascript.html ) olarak kaydettikten sonra herhangi bir internet tarayıcısında açınız. Sayfa açıldığında karşınıza doğrudan “Merhaba JavaScript” uyarısı çıkacaktır.
JavaScript, Java ile aynı değildir. Karıştırılmamalıdır. JavaScript sadece kullanıcı tarafında ve html tagleri altında çalışan scriptlerdir. JavaScript, Netscape’te ve Mozilla’da çalışan Brendan Eich tarfından 1995’in Mayıs’ında 10 günde tasarlanmıştır. JavaScript her zaman JavaScript olarak anılmadı. Orjinal adı Netscape’in kurcusu Marc Andreessen tarafından koyulan Mocha’ydı. Eylül 1995’te adı LiveScript olarak değiştirilmiştir. Daha sonra 1995 yılının aralığında, Sun’dan marka lisansı alındıktan sonra, ismini JavaScript olarak tekrar değitirilmiştir.
JavaScript, ilk test “merhaba dünya”
<html>
<head>
<script type=”text/javascript”>
alert(“merhaba dünya”);
//prompt (“Nedir bu?”, “soru cevap örneği”);
function merhaba() {
alert (“ben javascript bir fonksiyonun içinden, merhaba!”);
}
</script>
</head>
<body>
<INPUT TYPE=”button” name=”tikla” VALUE=”tikla” onClick=merhaba();>
</body>
</html>
JavaScript ile zamanlama: “setTimeout” ile aşağıda mili saniye cinsinden 1000 mili saniye yani bir saniye sonra ekranda Merhaba çıkar.
<html>
<head>
<script type=”text/javascript”>setTimeout(“alert(‘Merhaba’)”,1000);</script>
</head>
<body>
</body
</html>
JavaScripte tükçe karakter sonunu aşmak için;
Url.encode()
//javascript injection
javascript:alert(document.cookie);
JavaScript ile ifreame yenileme:
function yenile(){
document.getElementById(‘iframeid’).src=’doviz.php ‘;setTimeout(‘yenile()’,5000);
}
setTimeout(‘yenile()’,5000);//klavye kısayolu
shortcut(“Ctrl+Shift+X”,function() {
alert(“Hi there!”);
});<script type=”text/javascript”>
function alertmsg(){
alert(“You pressed the keyboard inside the document!”)
}
document.onkeypress=alertmsg
</script><form>
<input type=”text” value=”Click here, then press a key”
onkeypress=”alert(‘You pressed the keyboard inside this field!’)” />
</form>
JavaScript try catch:
try {
document.getElementById(“DivUp”).scrollBy(10);
}
catch(e) {
//alert(e);//Normalde burayı açarsanız javascript hatasını yakalamış olursun. Ben burada scrol yaparken hata olursa görmez gelmek için kullanmışım.
}//catch
javascript font genişliği:
this.style.fontWeight=’normal’
JavaScript Scrool Kontolü
function scrollTo(){
var scrollTop = Math.max(document.documentElement.scrollTop,document.body.scrollTop);
var initScrollTop = scrollTop;
var rest = scrollTo – scrollTop;
scrollSpeed = Math.round(rest / this.scrollSpeed);
if(scrollSpeed<1)scrollSpeed = 1;
scrollTop = scrollTop + scrollSpeed;
window.scrollTo(0,scrollTop);scrollTop = Math.max(document.documentElement.scrollTop,document.body.scrollTop);
window.refToScrollPageObj = this;
if(scrollTop < scrollTo && scrollTop!=initScrollTop)setTimeout(‘window.refToScrollPageObj.__performScroll(‘ + scrollTo + ‘)’,10);}
//html scrol atması için
window.location.href=’#TableListLogRow[<? echo $i ?>]
//scroll
function pageScroll() {
window.scrollBy(0,50);
scrolldelay = setTimeout(‘pageScroll()’,100); // scrolls every 1000 milliseconds
}
function stopScroll() {
clearTimeout(scrolldelay);
}
function jumpScroll() {
window.scroll(0,150); // horizontal and vertical scroll targets
}
PHP de JavaScript Kullanımı:
<?php
echo “<script type=’text/javascript’>/n”;
echo “document.cookie=’example=cookie’; /n”;
echo “</script>/n”;
?>
JavaScript table row satır silme:
function deleteRow(r)
{
var i=r.parentNode.parentNode.rowIndex
document.getElementById(‘myTable’).deleteRow(i)
}
deleteRow(this);JavaScript element içeriği temizle:
document.getElementById(‘TableListLog’).outerHTML=””;
HTML, ajax tanımlaması:
if (window.XMLHttpRequest) // Object of the current windows
{
request = new XMLHttpRequest(); // Firefox, Safari, …
}
else
if (window.ActiveXObject) // ActiveX version
{
request = new ActiveXObject(“Microsoft.XMLHTTP”); // Internet Explorer
}
HTML, JavaScript client (kullanıcı tarafı) md5 kullanma.
<script src=”md5.js” type=”text/javascript”></script>
————————————————
$md5Pass=md5($password); //php md5 şifreleme daha doğrusu heşleme
JavaScript form elemanı yakalama:
var deger= document.getElementById(‘formInputAd’).value);
alert(deger);
HTML, form içinde javascript fonksiyonunu çalıştırma:
<script type=”text/javascript”>
onSubmit=’loginSecure()’//
———————————————————————————–
<script type=”text/javascript”>
<!–
function loginSecure() {
var hash=hex_md5(document.getElementById(‘password’).value);//alert(hash);
}
//–>
</script>
<form action=”islem.php” onSubmit=”loginSecure();”>
</form>
Bir Cevap Yazın