Objek Links dari Javascript

Hallo sahabat dumenity berjumpa lagi dalam tutorial dumetschool, pada tutorial kali ini saya akan memberikan tips and triks seputar javascript links pada halaman web HTML. Pada tutorial kali ini saya akan membahas tentang objek links dari javascript. Sama seperti objek form dan objek image, objek links adalh properti dari objek document dan dapat dipakai untuk mengakses hypertext link yang dimuat ke dalam sebuah dokumen.

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

Oke untuk lebih jelasnya saya akan memberikan contoh tentang 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 Materi javascript</a>
		<p>
			<a href="http://google.com?"> Link untuk masuk ke google</a>
		</p>
		<p>
			<a href="http://www.bing.com"> link untuk masuk ke bing</a>
		</p>
		<script type="text/javascript">
 document.write("<br /> <b>Dokument ini memuat 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 maka akan menghasilakn output seperti di bawah ini:

Oke itulah tadi contoh Objek Links dari Javascript, bagaimana cukup mudah bukan, semoga bermanfaat.

Kategori