Firman Webs

Home All post with category Javascript

Penggunaan Javascript Font Replacement (Cufon)

Wednesday, 22 January 2014

<a class="center" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjusFqeaQAIJ0o4IrtQmAAU_zKC2HxRqdIs5WykmCajHOccDDZyqDKiDhHl_L8yL2ke-DOj-XhlXBy98nizloFzvjrqS6YA67ha75iwLu1iqSrUoQMMR9isOzlZCGgAQMSXrOLTlcqvGf0/s1600/Cufon.jpg"><img alt="Penggunaan Javascript Font Replacement (Cufon)" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjusFqeaQAIJ0o4IrtQmAAU_zKC2HxRqdIs5WykmCajHOccDDZyqDKiDhHl_L8yL2ke-DOj-XhlXBy98nizloFzvjrqS6YA67ha75iwLu1iqSrUoQMMR9isOzlZCGgAQMSXrOLTlcqvGf0/s1600/Cufon.jpg" title="Penggunaan Javascript Font Replacement (Cufon)" width="550" /></a><b>Penggunaan Javascript Font Replacement (Cufon)</b> – ini merupakan javascript yang sering digunakan oleh para web developer untuk merender jenis font yang digunakan secara cepat dan mudah menggunakan fungsi canvas dan VML untuk menggantikan fungsi dari sebuah teks yang menggunakan metode image. Teks yang sudah di replace menggunakan cufon yui akan secara otomatis berubah menjadi canvas, atau secara awamnya teks tersebut sudah tidak bisa di block layaknya seperti sebuah gambar. Apabila di klik kanan pada mouse bisa dilihat menggunakan view image dan secara otomatis teks tersebut sudah convert kedalam sebuah gambar base64 yang bisa anda lihat pada address web browser. Kenapa bisa begitu? Karena Cufon yui adalah javascript yang bisa mengganti jenis font dengan menggunakan fungsi canvas dan VML dari browser kita tanpa perlu flash atau gambar. Cufon terdiri dari dua bagian individu yaitu sebuah generator font yang mengubah font untuk format proprietary dan sebuah mesin rendering yang ditulis dalam javascript. Cara untuk menggunakannnya pun cukup mudah, karena dari situs cufon juga sudah menyediakan tool generator yang siap digunakan untuk merender font atau anda juga bisa secara langsung download jenis font yang sudah ada.<br /><br />Untuk bisa menggunakan cufon, pasang terlebih dahulu kode berikut ini kedalam template blog taruh di atas kode <code></head></code><br /><pre><script type='text/javascript' src='http://cufon.shoqolate.com/js/cufon-yui.js'/><br /><script type='text/javascript' src='http://faceblog-evolutions.googlecode.com/files/Vegur_300.js'/><br /><script type='text/javascript'><br />Cufon.replace('#target_element', { fontFamily: 'Vegur', hover: true });<br /></script></pre><blockquote class="atas">Perhatikan pada baris ini:<br /><pre>http://faceblog-evolutions.googlecode.com/files/Vegur_300.js</pre>Anda bisa menggantinya dengan URL font lain. Caranya agar lebih mudah bisa langsung download Cufon Kit di [www.cufonfonts.com] kemudian Upload ke Google code atau tempat penyimpanan lainnya yang dapat di gunakan untuk menyimpan file.js<br /><br />Pada baris ini adalah syntax yang digunakan untuk fungsi merender font:<br /><pre>Cufon.replace('#target_element', { fontFamily: 'Vegur', hover: true });</pre>Pada <code>#target_element</code> anda bisa merubahnya dengan elemen yang anda inginkan. Sebagai contoh misalkan untuk merender tag <code>h1</code>, <code>h2</code>, <code>h3</code> maupun <code>#id</code> dan <code>.class</code> target maka contoh penulisaannya seperti berikut ini:<br /><pre>Cufon.replace('h1, h2, h3, #target_element, .target_element', { fontFamily: 'Vegur', hover: true });</pre>Sedangkan pada <code>fontFamily: 'Vegur'</code> anda bisa menyesuikannya dengan nama font yang digunakan.</blockquote><h2>Penggunaan Cufon Lebih Dari Satu</h2>Anda juga bisa menggunakan lebih dari satu jenis cufon untuk target yang berbeda. Misalkan ingin menggunakan dua jenis font yakni Vegur dan Bebas Neue, maka contoh penulisannya seperti dibawah ini: <br /><pre><script src='http://cufon.shoqolate.com/js/cufon-yui.js' type='text/javascript'/><br /><script src='http://faceblog-evolutions.googlecode.com/files/Vegur_300.js' type='text/javascript'/><br /><script src='http://faceblog-evolutions.googlecode.com/files/bebas-neue.js' type='text/javascript'/><br /><script type='text/javascript'><br />Cufon.replace('h1, .title', { fontFamily: 'Vegur', hover: true });<br />Cufon.replace('h2, .sidebar', { fontFamily: 'Bebas Neue', hover: true });<br /></script></pre><h2>Agar Cufon Support Internet Explorer (IE)</h2>Pada browser Internet Explorer Cufon tidak bekerja sebagai mana mestinya, karena pada saat pergantian font terjadi jeda (delay). Untuk mengatasi masalah tersebut solusinya tambahkan kode berikut ini diatas tag <code></body></code>.<br /><pre><script type='text/javascript'> Cufon.now(); </script></pre>

Penggunaan Javascript Font Replacement (Cufon) – ini merupakan javascript yang sering digunakan oleh para web developer untuk merender jeni...

Konsep OOP di Javascript

Wednesday, 5 December 2012

<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><b style="mso-bidi-font-weight: normal;"><span style="font-family: "Cambria","serif"; mso-ansi-language: EN-US; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;"> </span></b></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span style="font-family: "Cambria","serif"; mso-ansi-language: EN-US; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Hampir semua konsep OOP bisa digunakan di Javascript. Javascript memerlukan elemen-elemen yang tampil dijendela browser sebagai suatu obyek. Elemen diklasifikasikan berdasarkan hirarki/tingkatan khusus sehingga kita bisa mengetahui dimana letak/lokasi obyek itu sebenarnya. Elemen diasosiasikan dengan kondisi atau sifat- sifat khusus (properti).</span></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><br /><span style="font-family: "Cambria","serif";">Contoh ilustrasi : </span></div><ul><li>Kebun</li><ul><li>Pohon</li><ul><li>Dahan</li><ul><li>Daun</li><ul><li>Sarang Burung</li><ul><li>Panjang = 20</li><li>Warna = Kuning</li><li>Tinggi = 4</li></ul></ul></ul><li>Batang</li><li>Akar</li></ul><li>Sangkar Ternak</li><ul><li>Ayam</li><li>Bebek</li></ul></ul></ul> <br /><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span style="font-family: "Cambria","serif"; mso-ansi-language: EN-US; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Dari ilustrasi diatas,</span></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span style="font-family: "Cambria","serif"; mso-ansi-language: EN-US; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Sarang burung yang berada diatas poon dapat dituliskan sebagai berikut :</span></div><blockquote class="tr_bq"><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace; margin-bottom: 0.0001pt; text-align: justify;">Kebun.Pohon.Dahan.Sarang Burung</div></blockquote><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span style="font-family: "Cambria","serif"; mso-ansi-language: EN-US; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Bila ingin mengganti warna sarang burung yang terletak diatas pohon, maka perintahnya :</span></div><blockquote class="tr_bq"><div class="MsoNormal" style="font-family: "Courier New",Courier,monospace; margin-bottom: 0.0001pt; text-align: justify;">Kebun.Pohon.Dahan.Sarang Burung.warna=hijau</div></blockquote> <br /><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span style="font-family: "Cambria","serif"; mso-ansi-language: EN-US; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;"></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: "Cambria","serif";">Sekian dulu dari saya. Semoga bermanfaat.</span></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span style="font-family: "Cambria","serif"; mso-ansi-language: EN-US; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Silahkan bertanya jika ada yang ingin ditanyakan !</span></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span style="font-family: "Cambria","serif"; mso-ansi-language: EN-US; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;"> </span>   </div>

Hampir semua konsep OOP bisa digunakan di Javascript. Javascript memerlukan elemen-elemen yang tampil dijendela browser sebagai suatu obyek...

3 hal penting di elemen Javascript PROPERTI

<br /><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Properti adalah atribut dari sebuah objek. Penulisannya dipisahkan dengan tanda titik (.) : </span></div><div class="MsoNormal" style="margin-bottom: 0cm; text-align: center;"><span lang="IN" style="font-family: "Cambria","serif";"><span style="font-family: "Courier New",Courier,monospace;">Nama_objek.nama_properti</span></span><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;"> </span></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Properti dapat diberi nilai, penulisannya : </span></div><div class="MsoNormal" style="margin-bottom: 0cm; text-align: center;"><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;"><span style="font-family: "Courier New",Courier,monospace;">Nama_objek.properti = nilai</span><span style="mso-spacerun: yes;"> </span></span></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Contoh : </span></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1dbjXPjg94g9EYJnwlDwc9x_bLLxNu4T9ieeIU10l3Qlz5NtUGEa7k4EnyfzigUxDpkr3KrOhs2AzMSNe_u582Sg-DqFOYb2Fh51XUlZvTsQHyyzVXiIcVFCaj6sHoJUY1mMY_olxdrg/s1600/1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1dbjXPjg94g9EYJnwlDwc9x_bLLxNu4T9ieeIU10l3Qlz5NtUGEa7k4EnyfzigUxDpkr3KrOhs2AzMSNe_u582Sg-DqFOYb2Fh51XUlZvTsQHyyzVXiIcVFCaj6sHoJUY1mMY_olxdrg/s320/1.gif" width="320" /></a></div></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><br /><b><span lang="IN" style="font-family: "Cambria","serif";"><span style="color: lime;">Metode</span></span></b></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Properti adalah suatu kumpulan kode yang digunakan untuk melakukan sesuatu tindakan terhadap objek. Penulisannya (dipisahkan dengan tanda “.”): </span></div><div class="MsoNormal" style="margin-bottom: 0cm; text-align: center;"><span lang="IN" style="font-family: "Cambria","serif";"><span style="font-family: "Courier New",Courier,monospace;">Nama_obvjek.nama_metode(“parameter”)</span></span><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;"></span></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Contoh : </span></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEeF03oMeOi5bY0U94JikdmZDJ1Zpwp7wNW8mS_WJAHi1G7xKivi0a-hyMNs5I5_GmjjHaANHHgLXq8i2iPRn8noUOogPnPKZNoMdkxCv8bmyRU9an8D4KZqW4Bwosw41v01LdEotJqXI/s1600/2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEeF03oMeOi5bY0U94JikdmZDJ1Zpwp7wNW8mS_WJAHi1G7xKivi0a-hyMNs5I5_GmjjHaANHHgLXq8i2iPRn8noUOogPnPKZNoMdkxCv8bmyRU9an8D4KZqW4Bwosw41v01LdEotJqXI/s320/2.gif" width="320" /></a></div></div><div class="MsoNormal" style="color: lime; margin-bottom: 0cm; text-align: justify;"><br /><b><span lang="IN" style="font-family: "Cambria","serif";">Penanganan Kejadian (Event Handler) </span></b></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Penanganan kejadian adalah sekumpulan kode yang akan dijalankan manakala pemakai melakukan suatu tindakan/ kejadian, misalnya mengklik tombol mouse atau ketika menutup jendela browser. </span></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Penulisannya : nama_kejadian =“kumpulan kode” </span></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Kumpulan kode dapat berisi sejumlah pernyataan, antara pernyataan dipisahkan titik koma</span><span style="font-family: "Cambria","serif"; mso-ansi-language: EN-US; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;"> ;</span></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><br /></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Contoh : </span></div><blockquote class="tr_bq"><div style="font-family: "Courier New",Courier,monospace;"><HTML><HEAD><TITLE>Kejadian</TITLE> </div><div style="font-family: "Courier New",Courier,monospace;"></HEAD> </div><div style="font-family: "Courier New",Courier,monospace;"><BODY> </div><div style="font-family: "Courier New",Courier,monospace;"><H1>Tes Kejadian</H1> </div><div style="font-family: "Courier New",Courier,monospace;"><P>Cobalah meletakan penunjuk mouse dari link berikut dan perhatikan isi baris status </P> </div><div style="font-family: "Courier New",Courier,monospace;"><A HREF =“http://mas-andes.blogspot.com”  onMouseOver = “Window.status ='Anda menyorot link, lho'; </div><div style="font-family: "Courier New",Courier,monospace;">Return true”  onMouseOut = “Window.status =' ';    Return true”>Fujitsu</A> </div><span style="font-family: "Courier New",Courier,monospace;"></BODY></HT</span>ML></blockquote> <br /><div class="MsoNormal" style="color: lime; margin-bottom: 0cm; text-align: justify;"><b style="mso-bidi-font-weight: normal;"><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Pemasukan Data </span></b><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;"><span style="mso-spacerun: yes;"> </span></span></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Javascrip memiliki mekanisme yang memungkinkan pemakai disuguhi jendela untuk memasukan sederetan masukan setelah pemakai mengklik tombol OK, maka kode dalam Javascript akan melakukan serangkaian proses. </span></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Contoh : </span></div><blockquote class="tr_bq"><div style="font-family: "Courier New",Courier,monospace;"><HTML><HEAD> </div><div style="font-family: "Courier New",Courier,monospace;"><TITLE>Pemasukan Data</TITLE> </div><div style="font-family: "Courier New",Courier,monospace;"></HEAD> </div><div style="font-family: "Courier New",Courier,monospace;"><BODY> </div><div style="font-family: "Courier New",Courier,monospace;"><SCRIPT LANGUAGE =“Javascript”> </div><div style="font-family: "Courier New",Courier,monospace;"><! - -  Var nama = prompt(“Siapa nama Anda?”); Document.write(“Hai, “+nama); </div><div style="font-family: "Courier New",Courier,monospace;">// - - > </div><div style="font-family: "Courier New",Courier,monospace;"></SCRIPT>  </BODY> </HTML></div></blockquote> <br /><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><b style="mso-bidi-font-weight: normal;"><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;"><span style="color: lime;">Jendela Peringatan</span> </span></b></div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Jendela Peringatan<span style="mso-spacerun: yes;">  </span></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"></div><blockquote class="tr_bq"><div style="font-family: "Courier New",Courier,monospace;"><HTML><HEAD></div><div style="font-family: "Courier New",Courier,monospace;"><TITLE>Alert Box</TITLE> </div><div style="font-family: "Courier New",Courier,monospace;"></HEAD> </div><div style="font-family: "Courier New",Courier,monospace;"><BODY> </div><div style="font-family: "Courier New",Courier,monospace;"><SCRIPT LANGUAGE = “Javascript”> </div><div style="font-family: "Courier New",Courier,monospace;"><!- -  Window.alert(“Ini merupakan pesan untuk Anda”); </div><div style="font-family: "Courier New",Courier,monospace;">// - -> </div><div style="font-family: "Courier New",Courier,monospace;"></SCRIPT>    </BODY> </HTML></div></blockquote> <br /><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><b><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;"><span style="color: lime;">Jendela Konfirmasi</span> </span></b></div><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Jendela Konfirmasi</span> <br /><blockquote class="tr_bq"><div style="font-family: "Courier New",Courier,monospace;"><HTML><HEAD></div><div style="font-family: "Courier New",Courier,monospace;"><TITLE>Konfirmasi</TITLE> </div><div style="font-family: "Courier New",Courier,monospace;"></HEAD> </div><div style="font-family: "Courier New",Courier,monospace;"><BODY> </div><div style="font-family: "Courier New",Courier,monospace;"><SCRIPT LANGUAGE = “Javascript”> </div><div style="font-family: "Courier New",Courier,monospace;"><!- -  Var jawaban = window.confirm(“Anda ingin meneruskan?”); </div><div style="font-family: "Courier New",Courier,monospace;">documen,.write(“Jawaban Anda: “ + jawaban); </div><div style="font-family: "Courier New",Courier,monospace;">// - - > </div><span style="font-family: "Courier New",Courier,monospace;"></SCRIPT>  </BODY> </HTML></span> </blockquote> <br /><div class="MsoNormal" style="color: lime; margin-bottom: 0.0001pt; text-align: justify;"><b style="mso-bidi-font-weight: normal;"><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Konsep Variabel </span></b></div><ul style="text-align: justify;"><li><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Variabel adalah suatu objek yang berisi data, yang mana dapat dimodifikasi selama pengeksekusian program. </span></li><li><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Aturan pemberian nama variabel : </span></li><li><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Nama variabel harus dimulai oleh satu huruf (huruf besar maupun huruf kecil) atau satu karakter<span style="mso-spacerun: yes;">  </span>“_”. </span></li><li><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Nama variabel bisa terdiri dari huruf, angka atau karakter _ dan & (spasi kosong tidak diperbolehkan). </span></li><li><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Nama variabel tidak boleh memakai nama yang digunakan dalam reserved program seperti: abstract, boolean, break,<span style="mso-spacerun: yes;">  </span>byte, if, implements, import, in, infinity,<span style="mso-spacerun: yes;">  </span>instanceof, int,<span style="mso-spacerun: yes;">  </span>interface, dll. </span></li></ul> <div class="MsoNormal" style="color: lime; margin-bottom: 0.0001pt; text-align: justify;"><b><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Mendeklarasikan Variabel </span></b></div><ul style="text-align: justify;"><li><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Eksplisit : dengan menuliskan kata kunci var kemudian diikuti dengan nama variabel dan nilai dari</span><span lang="IN" style="font-family: "Cambria","serif"; mso-ansi-language: EN-US; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;"> </span><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">variabel : var test = “halo” </span></li><li><span lang="IN" style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Implisit : dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel : test = “halo” </span><span style="font-family: "Cambria","serif"; mso-ansi-language: EN-US; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;"></span></li></ul><blockquote class="tr_bq" style="font-family: "Courier New",Courier,monospace;"><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><SCRIPT language=“Javascript”> </div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"><! – </div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">Var VariabelKu; </div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">Var VariabelKu2 = 3; </div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">VariabelKu = 2; </div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">Document.write (VariabelKu*VariabelKu2); </div><div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">// - - ></div></blockquote>   <span lang="IN" style="font-family: "Cambria","serif";"><br /></span>

Properti adalah atribut dari sebuah objek. Penulisannya dipisahkan dengan tanda titik (.) : Nama_objek.nama_properti Properti dapat diberi...