জাভাস্ক্রিপ্টের মাধ্যমে বোতাম ক্লিক করে <a> ট্যাগের href কীভাবে পরিবর্তন করবেন

126

জাভাস্ক্রিপ্টের মাধ্যমে বোতাম ক্লিকের মাধ্যমে hrefকোনও <a/>ট্যাগের বৈশিষ্ট্যটির মান কীভাবে পরিবর্তন করবেন ?

<script type="text/javascript">
  function f1()
  {
    document.getElementById("abc").href="xyz.php"; 
  }
</script>

<a href="" id="abc">jhg</a>
<a href="" id="" onclick="f1()">jhhghj</a>

javascript href attr

— চৌহান
সূত্র

অ্যাক্সেসযোগ্যতার উপায় লিঙ্কগুলি এইভাবে ব্যবহার না করার নির্দেশ দেয়। এখানে: xkr.us/js/links

— নিখরচায় পরামর্শ

176

কোনওটি না থাকলে hrefক্লিকটি বর্তমান পৃষ্ঠাটি পুনরায় লোড করবে, সুতরাং আপনার এর মতো কিছু দরকার:

<a href="#" onclick="f1()">jhhghj</a>

বা এর মতো স্ক্রোলটি প্রতিরোধ করুন:

<a href="#" onclick="f1(); return false;">jhhghj</a>

বা return falseআপনার f1ফাংশনে এবং:

<a href="#" onclick="return f1();">jhhghj</a>

.... বা, অবাধ্য উপায়:

<a href="#" id="abc">jhg</a>
<a href="#" id="myLink">jhhghj</a>

<script type="text/javascript">
  document.getElementById("myLink").onclick = function() {
    document.getElementById("abc").href="xyz.php"; 
    return false;
  };
</script>

— নিক ক্র্যাভার
সূত্র

34

ঠিক সেখানে নিক কার্ভার কী করেছে তবে আমি মনে করি এটি ডিওএম সেটঅ্যাট্রিবিউট পদ্ধতিতে ব্যবহার করা সবচেয়ে ভাল হবে।

<script type="text/javascript">
   document.getElementById("myLink").onclick = function() {
   var link = document.getElementById("abc");
   link.setAttribute("href", "xyz.php");
   return false;
   }
</script>

এটি কোডের একটি অতিরিক্ত লাইন তবে এটি কাঠামো-ভিত্তিক আরও ভাল বলে মনে হয়।

— jakobhans
সূত্র

8

আইএমও এখানে কোন প্রয়োজন নেই, এটি চিরকালের জন্য একটি DOM সম্পত্তি হয়েছে, .hrefসমস্ত ব্রাউজারে কাজ করে ... উদাহরণস্বরূপ আপনি কি ন্যায়বিচারের .getAttribute("id")পরিবর্তে ব্যবহার করবেন .id? :)

— নিক ক্র্যাভার

3

আপনি ঠিক বলেছেন, এটি বিশেষ বা ভিন্ন কিছু করে না, এটি কেবল কাঠামোগত-ভিত্তিক। আমার পরে সমস্ত ডিওএম ফাংশনগুলি পরে ডিবাগিং / পর্যালোচনার জন্য করা পছন্দ করি: এই পদ্ধতিগুলি দিয়ে ফাংশনটি কী করছে তা আমার পক্ষে আরও সহজ। স্পষ্টতই আপনার উত্তরটি ঠিক টাকার

— উপরেই রয়েছে

7

hrefবৈশিষ্ট্য অপসারণ :

<a id="" onclick="f1()">jhhghj</a>

লিঙ্ক শৈলীগুলি যদি গুরুত্বপূর্ণ হয় তবে:

<a href="javascript:void(f1())">jhhghj</a>

— atlavis
সূত্র

1

বৈশিষ্ট্য <a>ছাড়াই একটি ট্যাগ href? কি? কেন?

— শিকিরিউ

1

Href এড়িয়ে যাওয়ার ফলে এটির স্টাইল এবং আচরণের পরিবর্তন হবে। এটি লিঙ্কের পরিবর্তে অ্যাঙ্কর হিসাবে কাজ করে।

— কোবরা_ফাস্ট

1

উত্তরের জন্য ধন্যবাদ আপনি বলছি সত্যিই আমাকে সাহায্য করুন।

— চৌহান

1

কোনও href এটিকে নোঙ্গর করে না, ক্লিক করে কোনও লিঙ্কে রূপান্তরিত করে, বেশ স্বাভাবিক

— বিনামূল্যে পরামর্শ

1

<a href="#" id="a" onclick="ChangeHref()">1.Change 2.Go</a>

<script>
function ChangeHref(){
document.getElementById("a").setAttribute("onclick", "location.href='http://religiasatanista.ro'");
}
</script>

— user3325593
সূত্র

0

কোনও লিঙ্কটি ক্লিক করার জন্য পরিবর্তনশীলভাবে পরিবর্তন করতে:

<input type="text" id="emailOfBookCustomer" style="direction:RTL;"></input>
        <a 
         onclick="this.href='<%= request.getContextPath() %>/Jahanpay/forwardTo.jsp?handle=<%= handle %>&Email=' + document.getElementById('emailOfBookCustomer').value;" href=''>
    A dynamic link 
            </a>

— মহসেন আবাসী
সূত্র

0

এটি আমার গ্রহণ এখানে। আমার যখন একটি জমা দেওয়া বোতাম টিপবে তখন একটি পাঠ্য বাক্স থেকে মান সংগ্রহ করে একটি ইউআরএল তৈরি করা দরকার।

<html>
<body>

Hi everyone

<p id="result"></p>

<textarea cols="40" id="SearchText" rows="2"></textarea>

<button onclick="myFunction()" type="button">Submit!</button>

<script>
function myFunction() {
    var result = document.getElementById("SearchText").value;
	document.getElementById("result").innerHTML = result;
	document.getElementById("abc").href="http://arindam31.pythonanywhere.com/hello/" + result;
}		
</script>


<a href="#" id="abc">abc</a>

</body>
<html>

স্নিপেট প্রসারিত করুন

— অরিন্দম রায়চৌধুরী
সূত্র

-1

আমি এর বিট পুরানো পোস্ট জানি। তবুও, এটি কোনও একটিকে সাহায্য করতে পারে।

ট্যাগের পরিবর্তে, সম্ভব হলে আপনি এটিও করতে পারেন।

 <script type="text/javascript">
        function IsItWorking() {
          // Do your stuff here ...
            alert("YES, It Works...!!!");
        }
    </script>   

    `<asp:HyperLinkID="Link1"NavigateUrl="javascript:IsItWorking();"`            `runat="server">IsItWorking?</asp:HyperLink>`

এ সম্পর্কে কোন মন্তব্য?

— 4u.Ans
সূত্র