VBScript - Penempatan

Penempatan VBScript di File HTML

Ada fleksibilitas yang diberikan untuk memasukkan kode VBScript di mana saja dalam dokumen HTML. Tetapi cara yang paling disukai untuk menyertakan VBScript di file HTML Anda adalah sebagai berikut -

  • Script di bagian <head> ... </head>.

  • Skrip di bagian <body> ... </body>.

  • Skrip di bagian <body> ... </body> dan <head> ... </head>.

  • Script di file eksternal dan kemudian masukkan di bagian <head> ... </head>.

Pada bagian berikut, kita akan melihat bagaimana kita dapat menggunakan VBScript dengan berbagai cara -

VBScript di bagian <head> ... </head>

Jika Anda ingin menjalankan skrip pada suatu peristiwa, seperti saat pengguna mengklik di suatu tempat, Anda akan menempatkan skrip tersebut di kepala sebagai berikut -

<html>
   <head>
      <script type = "text/Vbscript">
         <!--
            Function sayHello() 
               Msgbox("Hello World")
            End Function
         //-->
      </script>
   </head>
   
   <body>
      <input type = "button" onclick = "sayHello()" value = "Say Hello" />
   </body>
</html>

Ini akan menghasilkan hasil sebagai berikut - Tombol A dengan nama SayHello. Setelah mengklik Tombol, kotak pesan ditampilkan kepada pengguna dengan pesan "Hello World".

VBScript di bagian <body> ... </body>

Jika Anda memerlukan skrip untuk dijalankan saat halaman dimuat sehingga skrip menghasilkan konten di halaman, skrip ditempatkan di bagian <body> dokumen. Dalam kasus ini, Anda tidak akan memiliki fungsi apa pun yang ditentukan menggunakan VBScript -

<html>
   <head> </head>
   <body>
      <script type = "text/vbscript">
         <!--
            document.write("Hello World")
         //-->
      </script>
      <p>This is web page body </p>
   </body>
</html>

Ini akan menghasilkan hasil sebagai berikut -

Hello World
This is web page body

VBScript di bagian <body> dan <head>

Anda dapat meletakkan kode VBScript Anda di bagian <head> dan <body> sekaligus sebagai berikut -

<html>
   <head>
      <script type = "text/vbscript">
         <!--
            Function sayHello() 
               msgbox("Hello World")
            End Function
         //-->
      </script>
   </head>
   
   <body>
      <script type = "text/vbscript">
         <!--
         document.write("Hello World")
         //-->
      </script>
      <input type = "button" onclick = "sayHello()" value = "Say Hello" />
   </body>
</html>

Ini akan menghasilkan hasil sebagai berikut - Pesan Hello World dengan tombol 'Say Hello'. Setelah Mengklik tombol tersebut, kotak pesan dengan pesan "Hello World" ditampilkan kepada pengguna.

Hello World 

VBScript di File Eksternal

Saat Anda mulai bekerja lebih luas dengan VBScript, Anda mungkin akan menemukan bahwa ada kasus, di mana Anda menggunakan kembali kode VBScript yang identik pada beberapa halaman situs. Anda tidak dibatasi untuk mempertahankan kode identik dalam beberapa file HTML.

The Script tag menyediakan mekanisme untuk memungkinkan Anda untuk menyimpan VBScript dalam sebuah file eksternal dan kemudian memasukkannya ke dalam file HTML Anda. Berikut adalah contoh untuk menunjukkan bagaimana Anda dapat menyertakan file VBScript eksternal dalam kode HTML Anda menggunakan skrip tag dan yang src atribut -

<html>
   <head>
      <script type = "text/vbscript" src = "filename.vbs" ></script>
   </head>
   <body>
      .......
   </body>
</html>

Untuk menggunakan VBScript dari sumber file eksternal, Anda perlu menulis semua kode sumber VBScript Anda dalam file teks sederhana dengan ekstensi ".vbs" dan kemudian menyertakan file itu seperti yang ditunjukkan di atas. Misalnya, Anda dapat menyimpan konten berikut di file namafile.vbs dan kemudian Anda dapat menggunakan fungsi sayHello di file HTML Anda setelah memasukkan file namafile.vbs.

Function sayHello()
   Msgbox "Hello World"
End Function

Penempatan VBScript di QTP

VBScript ditempatkan di alat QTP (Quick Test Professional) tetapi TIDAK disertakan dalam Tag HTML. File Script disimpan dengan ekstensi .vbs dan dijalankan oleh mesin eksekusi Quick Test Professional.