Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल डोम लिंक href संपत्ति

<घंटा/>

एचटीएमएल डोम लिंक href संपत्ति एक लिंक किए गए दस्तावेज़ का पथ/यूआरएल सेट/रिटर्न करता है। -

सिंटैक्स

निम्नलिखित वाक्य रचना है -

  • लौटना href विशेषता मान
linkObject.href
  • सेटिंग href एक स्ट्रिंग के लिए
linkObject.href = string

बूलियन मान

यहाँ, "स्ट्रिंग" निम्नलिखित हो सकती है -

booleanValue
<वें शैली ="पाठ-संरेखण:केंद्र; चौड़ाई:81.2925%;">विवरण
path
यह किसी दस्तावेज़ के निरपेक्ष/सापेक्ष पथ को परिभाषित करता है।
url
यह लिंक किए जाने वाले दस्तावेज़ के url पते को परिभाषित करता है।

उदाहरण

आइए लिंक href . के लिए एक उदाहरण देखें संपत्ति -

<!DOCTYPE html>
<html>
<head>
<title>Link href</title>
<link id="extStyle" rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<form>
<fieldset>
<legend>Link-href</legend>
<label for="WeekSelect">Sales Target Week:
<input type="week" id="WeekSelect" value="2020-W13" disabled>
</label>
<input type="button" onclick="enableWeekInput()" value="Change Sales Target Week">
<input type="button" onclick="changeStyle()" value="Change Style">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputWeek = document.getElementById("WeekSelect");
   var extStyle = document.getElementById("extStyle");
   divDisplay.textContent = 'Week Input disabled: '+inputWeek.disabled;
   function enableWeekInput() {
      inputWeek.disabled = false;
      divDisplay.textContent = 'Week Input disabled: '+inputWeek.disabled;
   }
   function changeStyle(){
      extStyle.href = 'anotherStyle.css';
   }
</script>
</body>
</html>

उपरोक्त उदाहरण में ‘style.css’ शामिल हैं -

form {
   width:70%;
   margin: 0 auto;
   text-align: center;
}
* {
   padding: 2px;
   margin:5px;
}
input[type="button"] {
   border-radius: 10px;
}

उपरोक्त उदाहरण में ‘anotherStyle.css’ शामिल हैं -

form {
   width:70%;
   margin: 0 auto;
   text-align: center;
   background-color: rgba(0,0,0,0.7);
   color: white;
}
* {
   padding: 2px;
   margin:5px;
}
input[type="button"] {
   border-radius: 10px;
}

आउटपुट

यह निम्नलिखित आउटपुट देगा -

‘शैली बदलें’ clicking क्लिक करने से पहले बटन -

एचटीएमएल डोम लिंक href संपत्ति

‘शैली बदलें’ clicking क्लिक करने के बाद बटन -

एचटीएमएल डोम लिंक href संपत्ति


  1. एचटीएमएल डोम ली मूल्य संपत्ति

    ली वैल्यू प्रॉपर्टी एलिमेंट की वैल्यू एट्रिब्यूट का मान लौटाती है/सेट करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - मान . का रिटर्निंग मान विशेषता liObject.value का मूल्य विशेषता मान सेट liObject.value = ‘string’ आइए Li value . के लिए एक उदाहरण देखें संपत्ति - उदाहरण <!DOCTYP

  1. एचटीएमएल डोम स्थान href संपत्ति

    HTML DOM लोकेशन href प्रॉपर्टी URL पथ के अनुरूप स्ट्रिंग लौटाती/सेट करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - href . का रिटर्निंग मान संपत्ति location.href href . का मान संपत्ति सेट location.href = href उदाहरण आइए स्थान href . के लिए एक उदाहरण देखें संपत्ति - <!DOCTYPE html> <html&

  1. एचटीएमएल डोम बेस href संपत्ति

    HTML DOM बेस href प्रॉपर्टी HTML टैग से जुड़ी है। टैग का उपयोग वर्तमान HTML दस्तावेज़ में सभी संबंधित URL के लिए आधार URL निर्दिष्ट करने के लिए किया जाता है। एक HTML दस्तावेज़ में अधिकतम एक टैग हो सकता है। बेस href प्रॉपर्टी, बेस एलिमेंट में href एट्रीब्यूट का मान लौटाती है। सिंटैक्स − . के लिए