Anchor origin प्रॉपर्टी क्या है?
HTML DOM Anchor origin प्रॉपर्टी href एट्रिब्यूट मान के प्रोटोकॉल, होस्टनाम और पोर्ट नंबर को लौटाती है, उदाहरण: https://www.demo.com:6064। यह केवल-पढ़ने योग्य (read-only) प्रॉपर्टी है।
वाक्यविन्यास (Syntax)
anchorObj.origin
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h1>Company</h1>
<p><a id="mylink" hreflang="en" href="https://www.abc.com:6064/abc/products.html">Products</a></p>
<h2 id="myid"></h2>
<button onclick="display()">Display href Part</button>
<button onclick="display2()">Display origin</button>
<button onclick="display3()">Display hreflang</button>
<script>
function display() {
var a = document.getElementById("mylink").href;
document.getElementById("myid").innerHTML = a;
}
function display2() {
var a = document.getElementById("mylink").origin;
document.getElementById("myid").innerHTML = a;
}
function display3() {
var a = document.getElementById("mylink").hreflang;
document.getElementById("myid").innerHTML = a;
}
</script>
</body>
</html>
आउटपुट
प्रारंभिक पेज:
"Display origin" बटन पर क्लिक करने पर:
स्पष्टीकरण
लिंक का href है: https://www.abc.com:6064/abc/products.html
- origin लौटाता है:
https://www.abc.com:6064(प्रोटोकॉल + होस्टनाम + पोर्ट) - href लौटाता है: पूरा URL
- hostname लौटाता है:
www.abc.com(पोर्ट के बिना) - host लौटाता है:
www.abc.com:6064(होस्टनाम + पोर्ट)
उपयोगिता
- क्रॉस-ओरिजिन अनुरोधों (CORS) के लिए ओरिजिन तुलना।
- सुरक्षा जांच:
if (link.origin !== window.location.origin) ... - पोर्ट शामिल है या नहीं जांचने के लिए उपयोगी।
ब्राउज़र समर्थन
सभी आधुनिक ब्राउज़र origin प्रॉपर्टी का समर्थन करते हैं (IE समर्थित नहीं)।
