Javascrip - pengenalan javascrip dalam html


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

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
print
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


Category: 0 komentar

0 komentar:

Posting Komentar