হাইপারলিংক ক্লিকে জাভাস্ক্রিপ্ট ফাংশন কল করুন

Question 1

আমি এএসপি.এনইটি ফাইলের পিছনে সি # কোডে গতিশীলভাবে একটি হাইপারলিঙ্ক তৈরি করছি। ক্লায়েন্ট ক্লিকে আমার একটি জাভাস্ক্রিপ্ট ফাংশন কল করতে হবে। আমি কীভাবে এটি সম্পাদন করব?

Question 2

Neater এখনও পরিবর্তে typical href="#"বা href="javascript:void"বা href="whatever", আমি এই অনেক বেশি অর্থে তোলে:

var el = document.getElementById('foo');
el.onclick = showFoo;


function showFoo() {
  alert('I am foo!');
  return false;
}

<a href="no-javascript.html" title="Get some foo!" id="foo">Show me some foo</a>

জাভাস্ক্রিপ্ট ব্যর্থ হলে কিছু প্রতিক্রিয়া রয়েছে। তদ্ব্যতীত, অনৈতিক আচরণ (ক্ষেত্রে href="#"একই পৃষ্ঠাতে পরিদর্শন করা ক্ষেত্রে ঝাঁপিয়ে পড়া href="") মুছে ফেলা হয়।

Question 3

সবার সহজ উত্তর হ'ল ...

<a href="javascript:alert('You clicked!')">My link</a>

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

অথবা জাভাস্ক্রিপ্ট ফাংশন কল করার প্রশ্নের উত্তর দিতে:

<script type="text/javascript">
function myFunction(myMessage) {
    alert(myMessage);
}
</script>

<a href="javascript:myFunction('You clicked!')">My link</a>

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

Question 4

অনক্লিক প্যারামিটার সহ ...

<a href='http://www.google.com' onclick='myJavaScriptFunction();'>mylink</a>

Question 5

JQuery উত্তর। যেহেতু জাভাস্ক্রিপ্টটি জিকিউরির বিকাশের জন্য উদ্ভাবিত হয়েছিল, তাই আমি আপনাকে জিক্যুরিতে একটি উদাহরণ দিচ্ছি:

<div class="menu">
    <a href="http://example.org">Example</a>
    <a href="http://foobar.com">Foobar.com</a>
</div>

<script>
jQuery( 'div.menu a' )
    .click(function() {
        do_the_click( this.href );
        return false;
    });

// play the funky music white boy
function do_the_click( url )
{
    alert( url );
}
</script>

Question 6

আমি জাভাস্ক্রিপ্ট হাইপারলিংকের জন্য href এর চেয়ে অনক্লিক পদ্ধতিটি ব্যবহার করতে পছন্দ করি। এবং আপনার কী মান রয়েছে তা নির্ধারণ করতে সর্বদা সতর্কতা ব্যবহার করুন।

<a href='#' onclick='jsFunction();alert('it works!');'>Link</a>

এটি ইনপুট ট্যাগগুলিতে যেমন ব্যবহার করা যেতে পারে।

<input type='button' value='Submit' onclick='jsFunction();alert('it works!');'>

Question 7

আদর্শভাবে আমি সম্পূর্ণরূপে আপনার কোডগুলিতে লিঙ্ক তৈরি করা এড়াতে পারি কারণ আপনার কোডটি যখনই এই লিঙ্কগুলির প্রত্যেকটির 'মার্কআপ' পরিবর্তন করতে চান প্রতিবার সংশোধন করা দরকার। যদি আপনাকে এটি করতে হয় আমি আপনার জাভাস্ক্রিপ্টের 'কল' আপনার HTML এর মধ্যে এম্বেড করব না, এটি সম্পূর্ণরূপে একটি খারাপ অভ্যাস, আপনার মার্কআপটি আপনার দস্তাবেজটি যা না তা বর্ণনা করে, এটি আপনার জাভাস্ক্রিপ্টের কাজকে বোঝায়।

আপনার কাছে প্রতিটি উপাদান (বা শ্রেণীর সাধারণ কার্যকারিতা থাকলে) এর জন্য নির্দিষ্ট আইডি রয়েছে এমন একটি পদ্ধতির ব্যবহার করুন এবং তারপরে ইভেন্ট হ্যান্ডলার (গুলি) যুক্ত করার জন্য প্রগ্রেসিভ বর্ধন ব্যবহার করুন:

[c# example only probably not the way you're writing out your js]
Response.Write("<a href=\"/link/for/javascriptDisabled/Browsers.aspx\" id=\"uxAncMyLink\">My Link</a>");

[Javascript]  
document.getElementById('uxAncMyLink').onclick = function(e){

// do some stuff here

    return false;
    }

এইভাবে আপনার কোডটি জেএস অক্ষম ব্যবহারকারীদের জন্য ভাঙবে না এবং এতে উদ্বেগের স্পষ্ট বিভাজন থাকবে।

আশা করি তা কাজে লাগবে।

Question 8

অনক্লিক ইভেন্টটি সরাসরি পরবর্তী উপাদান হিসাবে সেট করার জন্য আমি এলিমেন্ট.আটাচএভেন্ট (আইই) বা এলিমেন্ট.এডএইডএলটিস্টেনার (অন্যান্য ব্রাউজারগুলি) ব্যবহার করার পরামর্শ দেব that উপাদানটির জন্য কোনও বিদ্যমান ইভেন্ট হ্যান্ডলারকে প্রতিস্থাপন করবে।

সংযুক্তিভেন্ট / অ্যাডএভেন্টলিস্টিং একাধিক ইভেন্ট হ্যান্ডলার তৈরি করার অনুমতি দেয়।

Question 9

onclickএইচটিএমএল বৈশিষ্ট্যটি ব্যবহার করুন ।

onclickইভেন্ট হ্যান্ডলার উপাদান যা ব্যবহারকারীদের মাউস বাটন থেকে একটি ক্লিক ঘটনা ধারন করে onclickঅ্যাট্রিবিউট প্রয়োগ করা হয়। এই ক্রিয়াটির ফলস্বরূপ স্ক্রিপ্ট পদ্ধতিতে একটি জাভাস্ক্রিপ্ট ফাংশন হিসাবে কল করা [...]

Question 10

আপনি যদি পৃষ্ঠাটি লোড হওয়ার জন্য অপেক্ষা না করেন তবে আপনি আইডি দ্বারা উপাদানটি নির্বাচন করতে পারবেন না। এই কোডটি কার্যকর করতে কোডটি পেতে যে কেউ সমস্যায় পড়ছে তাদের পক্ষে কাজ করা উচিত

<script type="text/javascript">
window.onload = function() {
    document.getElementById("delete").onclick = function() {myFunction()};

    function myFunction() {
        //your code goes here
        alert('Alert message here');
    }
};
</script>

<a href='#' id='delete'>Delete Document</a>