কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্ট ফাংশন: href বনাম onClick


মূল পার্থক্য

onclick এবং href - উভয়ই জাভাস্ক্রিপ্ট কল করার সময় ভিন্ন আচরণ করে। href-এ ск্রিপ্ট 실행 হয় না যদি দুটি ক্লিকের মধ্যে সময় পার্থক্য খুব কম হয়।

উদাহরণ

<html>
    <head>
        <title>JavaScript href vs onClick()</title>
        <script>
            function myFunc() {
                var v = 0;
                for (var j=0; j<1000; j++) {
                    v+=j;
                }
                alert(v);
            }
        </script>
        <a href="javascript:myFunc()">href</a>
        <a href="#" onclick="javascript:myFunc()">onclick</a>
    </head>
    <body>
    </body>
</html>

সেরা অনুশীলন

  • onclick: ইভেন্ট হ্যান্ডলিংয়ের জন্য প্রস্তাবিত পদ্ধতি
  • href="javascript:...": এড়ানো উচিত, কারণ এটি অ্যাক্সেসিবিলিটি এবং SEO সমস্যা তৈরি করে
  • href="#": onclick-এ সাথে ব্যবহার করলে পৃষ্ঠার শীর্ষে স্ক্রোল হতে পারে, তাই event.preventDefault() ব্যবহার করুন
  1. জাভাস্ক্রিপ্ট Number() ফাংশন

  2. জাভাস্ক্রিপ্টে ফাংশন প্রোটোটাইপ

  3. জাভাস্ক্রিপ্টে ফাংশন বরোइং (Function Borrowing)

  4. জাভাস্ক্রিপ্টে onclick() দিয়ে ফাংশন কল করা