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

जावास्क्रिप्ट - href मान प्राप्त करें

<घंटा/>

मान लें कि हमारे पास URL के साथ निम्न एंकर टैग है -

<a class="demo" title="get the url" href="./mainPage.jsp/1245">href value at console</a>

हमें केवल URL मान यानी href विशेषता मान प्राप्त करने की आवश्यकता है। इसके लिए attr() -

. का प्रयोग करें
attr('href')

उदाहरण

निम्नलिखित कोड है -

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
   <ul class="getURLDemo">
      <li>
         <a class="demo" title="get the url" href="./mainPage.jsp/1245">href value at console</a>
      </li>
   </ul>
</body>
<script>
   var hrefValue = $('ul.getURLDemo li a.demo').attr('href');
   console.log(hrefValue);
</script> 
</html>

उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम "anyName.html(index.html)" को सेव करें। फ़ाइल पर राइट क्लिक करें और VSCode संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें -

आउटपुट

यह कंसोल पर निम्न आउटपुट उत्पन्न करेगा -

जावास्क्रिप्ट - href मान प्राप्त करें

कंसोल में आउटपुट -

जावास्क्रिप्ट - href मान प्राप्त करें


  1. जावास्क्रिप्ट - URL से GET मापदंडों का मूल्य जानें

    जावास्क्रिप्ट में URL से GET मापदंडों का मूल्य जानने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <t

  1. जावास्क्रिप्ट में मूल्य से कुंजी प्राप्त करें

    मान लीजिए, हमारे पास इस तरह की सरणियों का एक ऑब्जेक्ट है - const obj = {    'key1': ['value11', 'value12', 'value13', 'value14', 'value15'],    'key2': ['value21', 'value22', 'value23', 'value24&#

  1. जावास्क्रिप्ट में एक सीएसएस संपत्ति का वर्तमान मूल्य कैसे प्राप्त करें?

    GetComputedStyle () विधि एक वस्तु देती है जिसमें लक्ष्य तत्व पर लागू सभी शैलियाँ शामिल होती हैं। उदाहरण निम्नलिखित उदाहरण बताते हैं कि कैसे हम जावास्क्रिप्ट का उपयोग करके सीएसएस चर प्राप्त कर सकते हैं और सेट कर सकते हैं। <!DOCTYPE html> <html> <head> <style> div {   &nb