Objek Links dari Javascript

Hallo rekan-rekan dumenity berjumpa lagi pada panduan Source Code Aplikasi, di panduan kali ini saya akan memberikan tips and triks seputar javascript links di halaman web HTML. Di panduan kali ini saya akan membahas mengenai objek links dari javascript. Sama seperti objek form dan objek image, objek links adalh properti dari objek document dan dapat diaplikasikan bagi mengakses hypertext link yang dimuat ke pada sebuah dokumen.



Objek links selalu berkaitan dengan tag <a href> dari html. Sama seperti setiap form HTML yakni sebuah faktor dari array forms[] di javascript dan setiap citra ditugaskan kepada array images[], jadi setiap link ditugaskan kepada array links[] secara berurutan sesuai dengan urutannya di pada dokumen.



Oke bagi lebih jelasnya saya akan memberikan contoh mengenai objek links dari javascript:



<!DOCTYPE html>
<html>
<head>
<title> Menggunakan Objek Links</title>
</head>
<body>
<h2>Objek links dan propertinya</h2>
<big>
<a href=http://search.yahoo.com/bin/search?p=JavaScripttutorial>Mencari Bahan javascript</a>
<p>
<a href=http://google.com?> Link bagi masuk ke google</a>
</p>
<p>
<a href=http://www.bing.com> link bagi masuk ke bing</a>
</p>
<script type=text/javascript>
document.write(<br /> <b>Dokument ini mengandung sebanyak +document.links.length + link.<br /></b>);
for(i = 0; i < document.links.length; i++){
document.write(<u>document.links[+i+] : </u><br />);
document.write(<b>hostname:</b>
+document.links[i].hostname+<br />);
document.write(<b> href:</b>
+document.links[i].href+<br/>);
document.write(<b>pathname:</b>
+document.links[i].pathname+ <br />);
document.write(<b>port:</b>
+document.links[i].port + <br />);
document.write(<b>string queri:</b>
+document.links[i].search+ <br />);
document.write(<b>protocol:</b>
+document.links[i].protocol + <br/><br/>);
}
</script>
</body>
</html>


Oke dari script di atas karenanya akan menghasilakn output seperti di bawah ini:



Hallo



Oke seperti itulah tadi contoh Objek Links dari Javascript, bagaimana lumayan gampang bukan, semoga bermanfaat.




Sumber https://kursuswebsite.org

Popular posts from this blog

Perbedaan Antara Keyup dan Keydown Pada jQuery

Membuat Table Warna Berselang dengan PHP