উত্তর:
<a onclick="jsfunction()" href="#">অথবা
<a onclick="jsfunction()" href="javascript:void(0);">সম্পাদনা:
উপরের প্রতিক্রিয়া সত্যিই খুব ভাল সমাধান নয়, আমি প্রাথমিকভাবে পোস্ট করার পরে জেএস সম্পর্কে অনেক কিছু শিখেছি। দেখুন EndangeredMassa এর উত্তর এই সমস্যা সমাধানে ভাল পদ্ধতির জন্য নিচে।
আপত্তিজনক জাভাস্ক্রিপ্ট, কোনও লাইব্রেরি নির্ভরতা নেই:
<html>
<head>
<script type="text/javascript">
// Wait for the page to load first
window.onload = function() {
//Get a reference to the link on the page
// with an id of "mylink"
var a = document.getElementById("mylink");
//Set code to run when the link is clicked
// by assigning a function to "onclick"
a.onclick = function() {
// Your code here...
//If you don't want the link to actually
// redirect the browser to another page,
// "google.com" in our example here, then
// return false at the end of this block.
// Note that this also prevents event bubbling,
// which is probably what we want here, but won't
// always be the case.
return false;
}
}
</script>
</head>
<body>
<a id="mylink" href="http://www.google.com">linky</a>
</body>
</html>hrefযদি ব্যবহারকারীটিকে পুনর্নির্দেশ করতে না চাই এবং কেবল কিছু কোড চালাতে চাই না তবে আমি এর জন্য কী রাখব ? সম্পাদনা: আমি দেখতে এটি বাম ফাঁকা হতে পারে: href=""।
onclickইভেন্টটি কেন যুক্ত করা ভাল ? window.onloadonclick<a>
<a href="javascript:alert('Hello!');">Clicky</a>সম্পাদনা, বছর পরে: না! কখনও এই কাজ করবেন না! আমি যুবক এবং বোকা ছিল!
সম্পাদনা করুন, আবারো: দু'জন লোক জিজ্ঞাসা করেছেন কেন আপনি এটি করবেন না। এর কয়েকটি কারণ রয়েছে:
উপস্থাপনা: এইচটিএমএল উপস্থাপনা উপর ফোকাস করা উচিত। জেএসকে এইচআরইএফ-এ রাখার অর্থ হ'ল আপনার এইচটিএমএল এখন ব্যবসায়ের যুক্তি দিয়ে কাজ করছে log
সুরক্ষা: আপনার এইচটিএমএলে জাভাস্ক্রিপ্ট যেমন সামগ্রী সুরক্ষা নীতি (সিএসপি) লঙ্ঘন করে । সামগ্রী সুরক্ষা নীতি (সিএসপি) সুরক্ষার একটি অতিরিক্ত স্তর যা ক্রস-সাইট স্ক্রিপ্টিং (এক্সএসএস) এবং ডেটা ইনজেকশন আক্রমণ সহ কয়েকটি ধরণের আক্রমণ সনাক্ত এবং প্রশমিত করতে সহায়তা করে। এই আক্রমণগুলি ডেটা চুরি থেকে শুরু করে সাইট ডিফেসমেন্ট বা ম্যালওয়্যার বিতরণ সবকিছুর জন্য ব্যবহার করা হয়। এখানে আরও পড়ুন ।
অ্যাক্সেসযোগ্যতা: অ্যাঙ্কর ট্যাগগুলি অন্যান্য নথি / পৃষ্ঠা / সংস্থানগুলিতে লিঙ্ক করার জন্য। যদি আপনার লিঙ্কটি কোথাও না যায় তবে এটি একটি বোতাম হওয়া উচিত । স্ক্রিন পাঠক, ব্রেইল টার্মিনাল ইত্যাদির জন্য কী ঘটছে তা নির্ধারণ করা এবং দৃষ্টি প্রতিবন্ধী ব্যবহারকারীদের দরকারী তথ্য সরবরাহ করা এটি অনেক সহজ করে তোলে।
href='#'এবং alert()মধ্যে onclick?
এবং, কেন jQuery নিয়ে আপত্তিজনক নয়:
$(function() {
$("#unobtrusive").click(function(e) {
e.preventDefault(); // if desired...
// other methods to call...
});
});এইচটিএমএল
<a id="unobtrusive" href="http://jquery.com">jquery</a>নিরবচ্ছিন্ন জাভাস্ক্রিপ্টের অনেকগুলি সুবিধা রয়েছে, এটি গ্রহণ করা পদক্ষেপগুলি এবং এটি কেন ব্যবহার করা ভাল here
লিঙ্কটি সাধারণ হিসাবে লোড হয়:
<a id="DaLink" href="http://host/toAnewPage.html"> এখানে ক্লিক করুন </a>
এটি জাভাস্ক্রিপ্ট সক্ষম নয়যুক্ত ব্রাউজারগুলির জন্য কাজ করবে বা জাভাস্ক্রিপ্ট কোডটিতে কোনও ত্রুটি রয়েছে যা কাজ করে না এটি এটি গুরুত্বপূর্ণ।
জাভাস্ক্রিপ্ট পৃষ্ঠা লোড চলমান:
window.onload = function(){
document.getElementById("DaLink").onclick = function(){
if(funcitonToCall()){
// most important step in this whole process
return false;
}
}
}যদি জাভাস্ক্রিপ্টটি সফলভাবে চলমান থাকে, তবে জাভাস্ক্রিপ্টের সাহায্যে বর্তমান পৃষ্ঠায় সামগ্রীটি লোড করা যায়, প্রত্যাবর্তন মিথ্যাটি লিঙ্ক ফায়ারিং বাতিল করে দেয়। অন্য কথায়, জাভাস্ক্রিপ্টটি সফলভাবে চালিত হলে লিঙ্কটি অক্ষম করে ফিরতি মিথ্যা রাখার প্রভাব রয়েছে। জাভাস্ক্রিপ্ট না চললে এটি চালানোর অনুমতি দেওয়ার সময়, একটি দুর্দান্ত ব্যাকআপ তৈরি করা যাতে আপনার বিষয়বস্তুগুলি কোনওভাবেই অনুসন্ধানের ইঞ্জিনগুলির জন্য প্রদর্শিত হয় এবং যদি আপনার কোডটি ব্রেক হয়, বা জাভাস্ক্রিপ্ট সিস্টেমে দেখা হয়।
বিষয়টির সেরা বইটি হ'ল জেরেমি কিথের "ডোম স্ক্রিপ্ট"
বা, আপনি যদি প্রোটোটাইপজেএস ব্যবহার করেন
<script type="text/javascript>
Event.observe( $('thelink'), 'click', function(event) {
//do stuff
Event.stop(event);
}
</script>
<a href="#" id="thelink">This is the link</a>@ মিস্টার_লাকি জ্যাকুরির সাথে উত্তর ব্যবহারের ভিত্তিতে:
$('#unobtrusive').on('click',function (e) {
e.preventDefault(); //optional
//some code
});এইচটিএমএল কোড:
<a id="unobtrusive" href="http://jquery.com">jquery</a>কেবল জাভাস্ক্রিপ্ট ব্যবহার করুন: ---- অনুকরণীয়
javascript:var JFL_81371678974472 = new JotformFeedback({ formId: '81371678974472', base: 'https://form.jotform.me/', windowTitle: 'Photobook Series', background: '#e44c2a', fontColor: '#FFFFFF', type: 'false', height: 700, width: 500, openOnLoad: true })