Sunday, 29 March 2015

Cara Menyisipkan Script Javascript Ke Dalam Kode HTML

Advertisement
Sebagian dari kita pasti tahu cara memasukkan script javascript ke dalam html. namun sebagian lagi pasti tidak tahu cara menyisipkannya ke dalam kode html. nah bagi kamu yang belum tahu cara menyisipkan script javascript ke dalam kode html, maka hari ini saya akan jelaskan dan pandu kamu cara menyisipkan kode tersebut. sebelumnya saya hanya ingin berkata bahwa sebenarnya ada 2 cara untuk kita agar bisa menyisipkan script javascript di dalam tag HTML. Mari kita mulai saja ya.

Cara pertama, Menyisipkan script javascript di dalam kode HTML.
Untuk bisa menyisipkan script langsung ke dalam HTML, lihat contoh kodenya seperti berikut.

<html>
 <head>
   <! -- Disini juga bisa di sisipkan script javascript. Asalkan masih di dalam tag pembuka dan penutup. Baik itu head maupun body. -->
    <title> title </title>
    <script type=”text/javascript”>
     Isi kode
    </script>
 </head>
<body>
  <!--script javascript juga bisa di isi disini -->
  <script type=”text/javascript”>
    Isi kode
  </script>
</body>
</html>

Nah semoga kamu paham dengan penjelasan saya di atas, sekarang kita lanjutkan cara kedua, yaitu cara memanggil script javascript dari luar atau biasa di sebut file external.

Cara kedua, Memanggil script javascript dari file eksternal.
Sebelumnya kita harus mempunyai script javascript terlebih dahulu, jika kita membuatnya, maka ekstensi untuk file tersebut haruslah disimpan dalam format .js. misalnya kodescriptku.js . kemudian file tersebut diletakkan secara bersama di dalam direktori website atau blog kita. namun bisa juga kamu letakkan di luar direktori website atau blog kita. kemudian lakukan pemanggilan pada script tersebut di dalam tag HTML. nah jika sudah di panggil, maka kode yang kita buat di file eksternal tersebut akan tersisip di dalam kode HTML kita. cara memanggil script eksternal javascript adalah seperti contoh di bawah ini. Memanggil javascript dari file menggunakan kode yang dituliskan di dalam blog atau website kita.

<script type=”text/javascript” src=”urlanda.com/kodescriptku.js” />

Atau jika file tersebut berada di blog atau website lain namun script tersebut milik kita sendiri. Maka bentuk penulisannya seperti ini.

<script type=”text/javascript” src=”url-lain.com/kodescriptku.js” />

Untuk file javascript yang berada di direktori website atau blog kita sendiri, maka kamu boleh menuliskannya seperti ini.

<script type=”text/javascript” src=”kodescriptku.js” />

Jika berada di dalam direktori lagi misalnya "folderku". Maka bentuk penulisannya seperti berikut.

<script type=”text/javascript” src=”urlanda.com/folderku/kodescriptku.js” />

Atau kamu bisa langsung menuliskannya tanpa URL utama website dan blogmu.

<script type=”text/javascript” src=”folderku/kodescriptku.js” />

Lihat contoh kode lengkap berikut.

<html>
 <head>
   <!--disini bisa di isi kode javascript -->
   <title> nama Title Blog ku </title>
   <script type=”text/javascript” src=”kodescriptku.js” />
 </head>
<body>
  <script type=”text/javascript” src=”kodescriptku.js”/>
  <script type=”text/javascript” src=”folderku/kodescriptku.js”/>
</body>
</html>

Nah begitulah cara menyisipkan script kode javascript ke dalam kode HTML. semoga kamu paham dengan apa yang saya jelaskan disini. Demikian pembahasan kita hari ini. Sampai bertemu lagi di artikel admin yang lain. Dan salam hangat dari admin.
Recent Posts

    7 comments:

    1. hosting untuk unggah script yang gratis dimana om?

      ReplyDelete
      Replies
      1. di 000 webhost[dot]com (tanpa spasi) gratis bang, di idhostinger[dot]com jg gratis. dlu waktu belajar buat web, saya pakai 000 webhost. semoga membantu.

        Delete
      2. oh maaf, mungkin maksudnya bukan itu. kalau unggah script, saya kurang tahu, soalnya saya suka bikin sendiri. tapi kalau untuk referensi, langsung saja ke php[dot]com atau ketik di google search yaitu kumpulan script. kalau di 000 webhost dan sebagainya ada fitur installer CMS yg bisa digunakan seperti WP, Joomla dan lain-lainnya. klo tidak bisa, abang bisa ke idhostinger. disitu bisa.

        Delete
    2. <script>window.location="http://yoiku.net"</script>

      ReplyDelete
      Replies
      1. terima kasih sudah berkunjung ke blog saya bang arie, dan semoga blognya tambah maju serta sukses. ^_^

        Delete
    3. Replies
      1. terima kasih bang zuhdi. semoga blog bang zuhdi sukses dan berkembang ^_^

        Delete

    Masukkan Komentar anda disini. mohon maaf, Link Aktif yang ada di dalam komentar akan terhapus secara otomatis oleh system blog ini.
    komentar akan di tampilkan setelah disetujui oleh admin. terima kasih