Untuk membantu web master melakukan formatting terhadap teks secara programming, Javascript
telah menyediakan beberapa metode formatting text seperti di bawah ini :
Property/Metode | Deskripsi |
| length | Menghasilkan jumlah karakter dari suatu string atau teks |
| anchor(nama) | Menghasilkan string dengan diapit tag <A name="nama"> |
| big() | Menghasilkan string dengan diapit tag <BIG> |
| blink() | Menghasilkan string dengan diapit tag <BLINK> |
| bold() | Menghasilkan string dengan diapit tag <B> |
| fixed() | Menghasilkan string dengan diapit tag <TT> surrounding it |
| fontcolor(warna) | Menghasilkan string dengan diapit tag <FONT color="warna"> |
| fontsize(size) | Menghasilkan string dengan diapit tag <FONT size="size"> |
| italics() | Menghasilkan string dengan diapit tag <I> |
| link(url) | Menghasilkan string dengan diapit tag <A href="url"> |
| small() | Menghasilkan string dengan diapit tag <SMALL> |
| strike() | Menghasilkan string dengan diapit tag <STRIKE> |
| sub() | Menghasilkan string dengan diapit tag <SUB> |
| sup() | Menghasilkan string dengan diapit tag <SUP> |
| toLowerCase() | Mengubah string menjadi huruf kecil semua |
| toUpperCase() | Mengubah string menjadu huruf besar semua |
<html>Simpan dengan nama welcome1.html dan save type as : All File. Maka Output seperti dibawah ini :
<body>
<script>
var message="Welcome to our site!"
document.write(message)
</script>
</body>
</html>
Welcome to our site!Contoh diatas dikembangkan atau dimodifikasi lagi, seperti dibawah ini:
<html>
<body>
<script>
var message="Welcome to our site!"
document.write(message)
</script>
<br>
<script>
var message="Welcome to our site!"
document.write(message.toUpperCase())
</script>
<br>
<script>
var message="Welcome to our site!"
document.write(message.toUpperCase().bold())
</script>
<br>
<script>
var message="Welcome to our site!"
document.write(message.toLowerCase())
</script>
<br>
<script>
var message="Welcome to our site!"
var format=message.toUpperCase()
var size=1
for (i=0;i<message.length;i++){
document.write(format.charAt(i).fontsize(size).bold())
if (size<7){
size++
}else{
size=1
}
}
</script>
</body>
</html>
Simpan dengan nama welcome2.html dan save type as : All File. Maka Output di halaman browser seperti dibawah ini
Welcome to our site!
WELCOME TO OUR SITE!
WELCOME TO OUR SITE!
welcome to our site!
kode <br> untuk pemutus baris atau ganti baris, jika kode <br> dihilangkan Simpan dengan nama welcome3.html dan save type as : All File. Maka Output di halaman browser seperti dibawah ini :
------> Welcome to our site! WELCOME TO OUR SITE! WELCOME TO OUR SITE! welcome to our site!
-----------------------------------------------
Contoh penggunaan property “length” untuk Menghasilkan jumlah karakter dari suatu string atau teks :
<html>Simpan dengan nama Length.html dan save type as : All File. Maka Output seperti dibawah ini :
<body>
<script>
var teks = "MUHAMMAD"
panjang = teks.length;
alert(panjang);
</script>
</body>
</html>
Ditampilkan ‘alert windows’ yang menginformasikan jumlah karakter “MUHAMMAD” = 8.
0 comments:
Post a Comment