JavaScript
yang sebenarnya dikembangkan oleh Netscape. JavaScript adalah skrip yang
didukung oleh banyak web browser. Jadi JavaScript adalah bahasa pemrograman
yang di interpretasikan dan digabungkan kedalam halaman web. Di
interpretasikan berarti didalam sebuah halaman web jika kode dari JavaScript
akan dijalankan jika ada keadaan yang memicu.
Ketika kode di eksekusi itu akan diinterpretasikan satu baris setiap waktu. Ini adalah beberapa kejadian yang dapat memicu pengeksekusian JavaScript, seperti mengklik sebuah tombol di layar atau sedang menyelesaikan halaman web yang di load...
Memasukkan Client Side Javascript kedalam halaman Web
JavaScript ditambahkan kedalam halaman web menggunakan Script Tag. Script Tag ini seharusnya diletakkan didalam bagian kepala dari dokumen. Jika browser lama sepertinya pada halaman web yang berisi script akan dihindarinya, browser yang lama dibuat untuk menghindari tag yang tidak bisa di intepretasikan.
Kode JavaScript seharusnya diletakkan didalam HTML dengan menggunakan set tag komentar.
Contoh : <!-- code -->
Ketika digunakan dengan javascript komentar tag yang terakhir selalu diawali dengan dua garis miring //, yang mana itu adalah kode javascript untuk komentar. Ini akan memberitahu intepreter Javascript untuk menghindari pernyataan tersebut. Ini adalah cara standar untuk menambahkan JavaScript kedalam halaman HTML, jadi supaya dapat bekerja terhadap browser yang mendukung javascript dan supaya tidak diakses untuk browser yang tidak mendukung javascript.
<html>
<head>
<title>Halaman Web yang berisi JavaScript</title>
<script languange="JavaScript">
<!-- sembunyikan kode JavaScript dari browser yang tidak mendukung JavaScript
.
. pernyataan javascript disini
.
// baris terakhir menyembunyikan kode JavaScript
</script>
</head>
<body>
(dokumen html ditulis disini)
</body>
</html>
Dalam penulisan JavaScript kita harus mempunyai aturan - aturan yang harus kita ketahui.
case - sensitify:
JavaScript adalah bahasa yang case-sensitive, yang berarti huruf kecil dan huruf besar itu dibedakan. Seperti "nama" dan "NAMA" dan "Nama" adalah tidak sama.
TitikKoma:
Semua pernyataan harus diakhiri dengan tanda titik koma ";". Tanda titik koma ini berfungsi untuk memisahkan pernyataan yang satu dengan pernyataan yang lain.
White Space:
JavaScript seperti HTML, menghindari spasi, tabulasi dan garisbaru yang tampak pada pernyataan.
Contoh var a=1; sama dengan var a = 1;
Contoh diatas akan menghasilkan keluaran yang sama. dan itu adalah ide yang baik untuk memberi beberapa spasi dalam kode anda untuk membuat lebih mudah untuk dibaca.
Kalimat dan Tanda Petik
Kalimat adalah karakter kosong atau lebih yang diapit dengan tanda petik tunggal atau tanda petik ganda.
Tanda petik ganda dapat ditemukan diantara kalimat yang diawali dan diakhiri dengan tanda petik tunggal ('Dia bicara," JavaScript adalah bahasa yang menarik." ')
Tanda petik tunggal dapat digunakan diantara kalimat yang tidak dibatasi dengan tanda petik ganda.
Contoh : <input type="button" value="Klik Saya" onclick="window.alert('Kamu klik saya');">
Garis miring kiri dan Kalimat
Jika kita ingin menuliskan kamu di baris kesatu, dan klik dibaris kedua saya dibaris ke tiga.
Maka kita dapat menggunakan sintaks ini.
'Kamu\nKlik\nSaya'.
\n itu menghasilkan turun kebawah satu baris. Hasilnya akan tampak seperti di bawah ini.
Kamu
Klik
Saya
Garis Miring Kiri dan kombinasi karakter yang lain akan menghasilkan keluaran yang lain pula.
\b backspace
\f formfeed
\n newline
\r carriage return
\t tab
\' single quotes
\" double quotes
Penanda Pembuka dan Penutup
Semua penanda yang terbuka haruslah tertutup. Itu sudah termasuk (),[ ], dan { }.
i.e winpop = window.open('ex1.htm','popup','scrollbars=yes');
if (x[0] == 10 ) {
x[0] = 0;
x[1] = 1;
}
Pada tanda { } digunakan untuk menuliskan pernyataan JavaScript yang berjumlah banyak.
Pada tanda [ ] digunakan untuk data spesial yaitu array
Pada tanda ( ) digunakan untuk pengisian metode atau fungsi - fungsi yang digunakan
Komentar
Anda dapat menambahkan komentar didalam javascript dengan terlebih dahulu menuliskan forward slashes sebanyak dua. Contoh :
// ini adalah komentar
Atau jika anda ingin menggunakan komentar yang terdiri dari beberapa baris maka anda dapa tmenggunakan tanda yang diawali "/*" dan di akhiri "*/".
Contoh :
/* komentar yang biasa digunakan oleh para pembuat program
untuk meninggalkan sebuah pesan tentang logika program mereka, jadi pada saat
mereka kembali untuk merubah atau orang lain yang membutuhkan untuk merubah
mereka dapat mengerti apa yang di inginkan pembuat program pada saat itu */
Variabel dan Nama Fungsi
Didalam bagian ini anda akan saya perkenalkan tentang variabel dan fungsi. Sebagai programer anda harus memilih dan memberikan sebuah nama. Dan nama dari variabel dan fungsi tersebut harus mengikuti beberapa aturan yang berlaku dan sangat simpel.
1. Karakter pertama harus berupa huruf (huruf kecil maupun huruf besar) dan garis bawah _ atau tanda dolar $. Tanda dolar tidak direkomendasikan karena mereka tidak didukung oleh javascript dibawah versi 1.1
2. Anda tidak dapat menggunakan angka untuk karakter pertama dari nama.
3. Nama tidak dapat berisi spasi ( ruang kosong sebanyak satu karakter atau lebih)
4. Nama tidak boleh sama dengan nama standar yang ada pada JavaScript.
Ini adalah contoh beberapa nama yang bisa digunakan :
x
nama_depan
n_1
_contoh
$tanda
Saya anjurkan anda untuk menjelaskan sebuah nama dari variabel dan fungsi anda menggunakan format penulisan standar. Dua format yang biasa digunakan yaitu menggunakan garis bawah untuk mengganti spasi atau huruf besar pada huruf pertama dari seluruh kalimat. Contoh :
nama_depan
namaDepan
Kata Standar dalam JavaScript
Ini adalah kalimat baku yang sudah terdapat didalam JavaScript. Kata ini tidak bisa anda deklarasikan kembali untuk digunakan sebagai variabel atau fungsi karena akan membingungkan penerjemah dalam membedakan antara perintah standar dari JavaScript dan variabel yang anda definisikan
Ketika kode di eksekusi itu akan diinterpretasikan satu baris setiap waktu. Ini adalah beberapa kejadian yang dapat memicu pengeksekusian JavaScript, seperti mengklik sebuah tombol di layar atau sedang menyelesaikan halaman web yang di load...
Memasukkan Client Side Javascript kedalam halaman Web
JavaScript ditambahkan kedalam halaman web menggunakan Script Tag. Script Tag ini seharusnya diletakkan didalam bagian kepala dari dokumen. Jika browser lama sepertinya pada halaman web yang berisi script akan dihindarinya, browser yang lama dibuat untuk menghindari tag yang tidak bisa di intepretasikan.
Kode JavaScript seharusnya diletakkan didalam HTML dengan menggunakan set tag komentar.
Contoh : <!-- code -->
Ketika digunakan dengan javascript komentar tag yang terakhir selalu diawali dengan dua garis miring //, yang mana itu adalah kode javascript untuk komentar. Ini akan memberitahu intepreter Javascript untuk menghindari pernyataan tersebut. Ini adalah cara standar untuk menambahkan JavaScript kedalam halaman HTML, jadi supaya dapat bekerja terhadap browser yang mendukung javascript dan supaya tidak diakses untuk browser yang tidak mendukung javascript.
<html>
<head>
<title>Halaman Web yang berisi JavaScript</title>
<script languange="JavaScript">
<!-- sembunyikan kode JavaScript dari browser yang tidak mendukung JavaScript
.
. pernyataan javascript disini
.
// baris terakhir menyembunyikan kode JavaScript
</script>
</head>
<body>
(dokumen html ditulis disini)
</body>
</html>
Dalam penulisan JavaScript kita harus mempunyai aturan - aturan yang harus kita ketahui.
case - sensitify:
JavaScript adalah bahasa yang case-sensitive, yang berarti huruf kecil dan huruf besar itu dibedakan. Seperti "nama" dan "NAMA" dan "Nama" adalah tidak sama.
TitikKoma:
Semua pernyataan harus diakhiri dengan tanda titik koma ";". Tanda titik koma ini berfungsi untuk memisahkan pernyataan yang satu dengan pernyataan yang lain.
White Space:
JavaScript seperti HTML, menghindari spasi, tabulasi dan garisbaru yang tampak pada pernyataan.
Contoh var a=1; sama dengan var a = 1;
Contoh diatas akan menghasilkan keluaran yang sama. dan itu adalah ide yang baik untuk memberi beberapa spasi dalam kode anda untuk membuat lebih mudah untuk dibaca.
Kalimat dan Tanda Petik
Kalimat adalah karakter kosong atau lebih yang diapit dengan tanda petik tunggal atau tanda petik ganda.
Tanda petik ganda dapat ditemukan diantara kalimat yang diawali dan diakhiri dengan tanda petik tunggal ('Dia bicara," JavaScript adalah bahasa yang menarik." ')
Tanda petik tunggal dapat digunakan diantara kalimat yang tidak dibatasi dengan tanda petik ganda.
Contoh : <input type="button" value="Klik Saya" onclick="window.alert('Kamu klik saya');">
Garis miring kiri dan Kalimat
Jika kita ingin menuliskan kamu di baris kesatu, dan klik dibaris kedua saya dibaris ke tiga.
Maka kita dapat menggunakan sintaks ini.
'Kamu\nKlik\nSaya'.
\n itu menghasilkan turun kebawah satu baris. Hasilnya akan tampak seperti di bawah ini.
Kamu
Klik
Saya
Garis Miring Kiri dan kombinasi karakter yang lain akan menghasilkan keluaran yang lain pula.
\b backspace
\f formfeed
\n newline
\r carriage return
\t tab
\' single quotes
\" double quotes
Penanda Pembuka dan Penutup
Semua penanda yang terbuka haruslah tertutup. Itu sudah termasuk (),[ ], dan { }.
i.e winpop = window.open('ex1.htm','popup','scrollbars=yes');
if (x[0] == 10 ) {
x[0] = 0;
x[1] = 1;
}
Pada tanda { } digunakan untuk menuliskan pernyataan JavaScript yang berjumlah banyak.
Pada tanda [ ] digunakan untuk data spesial yaitu array
Pada tanda ( ) digunakan untuk pengisian metode atau fungsi - fungsi yang digunakan
Komentar
Anda dapat menambahkan komentar didalam javascript dengan terlebih dahulu menuliskan forward slashes sebanyak dua. Contoh :
// ini adalah komentar
Atau jika anda ingin menggunakan komentar yang terdiri dari beberapa baris maka anda dapa tmenggunakan tanda yang diawali "/*" dan di akhiri "*/".
Contoh :
/* komentar yang biasa digunakan oleh para pembuat program
untuk meninggalkan sebuah pesan tentang logika program mereka, jadi pada saat
mereka kembali untuk merubah atau orang lain yang membutuhkan untuk merubah
mereka dapat mengerti apa yang di inginkan pembuat program pada saat itu */
Variabel dan Nama Fungsi
Didalam bagian ini anda akan saya perkenalkan tentang variabel dan fungsi. Sebagai programer anda harus memilih dan memberikan sebuah nama. Dan nama dari variabel dan fungsi tersebut harus mengikuti beberapa aturan yang berlaku dan sangat simpel.
1. Karakter pertama harus berupa huruf (huruf kecil maupun huruf besar) dan garis bawah _ atau tanda dolar $. Tanda dolar tidak direkomendasikan karena mereka tidak didukung oleh javascript dibawah versi 1.1
2. Anda tidak dapat menggunakan angka untuk karakter pertama dari nama.
3. Nama tidak dapat berisi spasi ( ruang kosong sebanyak satu karakter atau lebih)
4. Nama tidak boleh sama dengan nama standar yang ada pada JavaScript.
Ini adalah contoh beberapa nama yang bisa digunakan :
x
nama_depan
n_1
_contoh
$tanda
Saya anjurkan anda untuk menjelaskan sebuah nama dari variabel dan fungsi anda menggunakan format penulisan standar. Dua format yang biasa digunakan yaitu menggunakan garis bawah untuk mengganti spasi atau huruf besar pada huruf pertama dari seluruh kalimat. Contoh :
nama_depan
namaDepan
Kata Standar dalam JavaScript
Ini adalah kalimat baku yang sudah terdapat didalam JavaScript. Kata ini tidak bisa anda deklarasikan kembali untuk digunakan sebagai variabel atau fungsi karena akan membingungkan penerjemah dalam membedakan antara perintah standar dari JavaScript dan variabel yang anda definisikan
|
absract
alert arguments Array blur boolean Boolean break byte callee caller captureEvents case catch char class clearInterval clearTimeout close closed confirm const constructor continue Date debugger default defaultStatus |
delete
do document double else enum escape eval export extends final finally find float focus for frames Function function goto history home if implements import in Infinity innerHeight |
innerWidth
instanceof int interface isFinite isNaN java length location locationbar long Math menubar moveBy moveTo name NaN native netscape new null Number Object open opener outerHeight outerWidth package |
Packages
pageXOffset pageYOffset parent parseFloat parseInt personalbar private prompt protected prototype public RegExp releaseEvents resizeBy resizeTo return routeEvents scroll scrollbars scrollTos self setInterval setTimeout short static |
status
statusbar stop String super switch synchronized this throw throws top toString transient try typeof unescape unwatch valueOf var void watch while window with TRUE FALSE |
