বাটনে ক্লিক করে পৃষ্ঠাটি রিফ্রেশ করে

Question

আমার একটি বোতাম দরকার যা ব্যবহারকারীর ক্লিকে পৃষ্ঠাটি রিফ্রেশ করবে। আমি এটি চেষ্টা করেছি:

<input type="button" value="Reload Page" onClick="reload">

অথবা

<input type="button" value="Refresh Page" onClick="refresh">

তবে দু'জনেরই কাজ হয়নি।

Answer 1

ব্যবহার করুন onClickসঙ্গে window.location.reload(), অর্থাত্:

<button onClick="window.location.reload();">Refresh Page</button>

বা history.go(0), যেমন:

<button onClick="history.go(0);">Refresh Page</button>

বা window.location.href=window.location.href' পূর্ণ ' পুনরায় লোডের জন্য, অর্থাত:

<button onClick="window.location.href=window.location.href">Refresh Page</button>

---

বাটন উপাদান - বিকাশকারী.মুজিলা.অর্গ

Comments

এই তিনটি বিকল্পের মধ্যে পার্থক্য কী? কেউ কি কিছু পরিস্থিতিতে অন্যের চেয়ে ভাল?

— ashleedawg

আমি মনে করি না যে তাদের একে অপরের চেয়ে সুবিধা রয়েছে, কেবল এটি সম্পাদন করার বিভিন্ন উপায়।

— CONvid19

আমি নাক ঘুরিয়ে দেব না বরং একটি ";" অনক্লিক = "উইন্ডো.লোকেশন.রেলোড ();" এর শেষে নিখোঁজ রয়েছে;

— গাইড _ _cc.com.com.br_

এই পুরো প্রশ্নটি ভুল সিনট্যাক্স ... আমি অবাক হয়েছি এটিতে প্রায় 200 টি upvotes রয়েছে। প্রথমত, বোতামটির প্রতিটিতে একটি ক্লোজিং ট্যাগের প্রয়োজন হয় এবং দ্বিতীয়ত, মানটি বোতাম ট্যাগগুলির একটি বৈশিষ্ট্য নয়, পাঠ্যটিকে ট্যাগ এবং সমাপ্তি ট্যাগের মধ্যে যাওয়া দরকার

— মিস্টার স্যারকোড

@ টেলরস আপনি পুরোপুরি ঠিক বলেছেন, আমি উত্তরটি আপডেট করেছি, ধন্যবাদ।

— CONvid19

Answer 2

এটি আমার পক্ষে কাজ করে

এইচটিএমএল

    <button type="submit"  onClick="refreshPage()">Refresh Button</button>

জাভাস্ক্রিপ্ট

<script>
function refreshPage(){
    window.location.reload();
} 
</script>

Answer 3

<a onClick="window.location.reload()">Refresh</a>

এটি আমার জন্য সত্যই নিখুঁত কাজ করে।

Answer 4

কেবলমাত্র এই রিয়েলি পৃষ্ঠা পুনরায় লোড করুন (আজ)

<input type="button" value="Refresh Page" onClick="location.href=location.href">

অন্যরা ঠিক পুনরায় লোড করে না। তারা পাঠ্য বাক্সের মধ্যে মান রাখে।

Comments

আপনি দয়া করে কী বলতে চাইছেন দয়া করে ব্যাখ্যা করতে পারেন: " কেবলমাত্র এই রিয়েলটি পৃষ্ঠা পুনরায় লোড করে (আজ) "?

— CONvid19

"আজ" বলতে বোঝায় যে দিনটি আমি এটি লিখেছিলাম (কারণ প্রতিদিন কিছু কিছু পরিবর্তন হয়)। পেড্রো লোবিটো দ্বারা প্রদত্ত উত্তরের সাথে "কেবল এটি" প্রাসঙ্গিক।

— ইলিয়াস ইলিয়াডিস

এসও-তে সমস্ত উত্তরগুলি " আজকের মতো " এবং যদি কিছু পরিবর্তন হয় তবে আপডেট হওয়া সাপেক্ষে, কেবল উত্তরই নয়, জীবনের প্রায় কোনও কিছুর প্রকৃতি এটি।

— CONvid19

Answer 5

ক্লিক করুন পৃষ্ঠা রিফ্রেশ বোতাম

উইন্ডো.লোকেশন.রেলোড () সহ অনক্লিক বোতামটি ব্যবহার করুন:

<button onClick="window.location.reload();">

Answer 6

<button onclick=location=URL>Refresh</button>

এটি মজার লাগতে পারে তবে এটি সত্যই কৌশলটি করে।

Answer 7

আমি লক্ষ্য করেছি যে এখানে সমস্ত উত্তর ইনলাইন onClickহ্যান্ডলার ব্যবহার করে । এটি সাধারণত এইচটিএমএল এবং জাভাস্ক্রিপ্ট আলাদা রাখার পরামর্শ দেওয়া হয়।

এখানে এমন একটি উত্তর যা ক্লিক বা ইভেন্ট শ্রোতাদের সরাসরি বোতামে যুক্ত করে। এটি ক্লিক করা হলে, এটি অবস্থানটি পুনরায় লোড করে। যার ফলে পৃষ্ঠাটি বর্তমান ইউআরএল দিয়ে পুনরায় লোড করে।

const refreshButton = document.querySelector('.refresh-button');

const refreshPage = () => {
  location.reload();
}

refreshButton.addEventListener('click', refreshPage)

.demo-image {
  display: block;
}

<button class="refresh-button">Refresh!</button>
<img class="demo-image" src="https://picsum.photos/200/300">

Answer 8

কেবল নীচের মতো লিঙ্কে খালি রেফারেন্স তৈরি করুন

 <a href="" onclick="dummy(0);return false;" >

Answer 9

একই পৃষ্ঠাটি পুনরায় লোড করার জন্য এটির কাজটি আমার জন্য দুর্দান্ত ব্যবহার করুন:

<button onClick="window.location.reload();">

Answer 10

যদিও প্রশ্নটি এর জন্য button, তবে কেউ যদি পৃষ্ঠাটি ব্যবহার করে রিফ্রেশ করতে চান তবে <a>আপনি কেবল তা করতে পারেন

<a href="./">Reload</a>

Answer 11

<button onClick="window.location.reload();">Reload</button>

অথবা আপনি ব্যবহার করতে পারেন

<form action="<same page url>" method="GET">
<button>Reload</button>
</form>

দ্রষ্টব্য: "<same page link>"আপনি পুনরায় লোড করতে চান একই পৃষ্ঠার url দিয়ে পরিবর্তন করুন । উদাহরণ স্বরূপ: <form action="home.html> method="GET">

Answer 12

আপনি যদি একটি ফর্ম পুনরায় সেট করতে খুঁজছেন:

<input type="reset" value="Reset Form Values"/>

বা ব্রাউজার দ্বারা পরিচালিত না ফর্মের অন্যান্য দিকগুলি পুনরায় সেট করতে

<input type="reset" onclick="doFormReset();" value="Reset Form Values"/>

JQuery ব্যবহার করে

function doFormReset(){
    $(".invalid").removeClass("invalid");
}

Answer 13

window.opener.location.href ='workItem.adm?wiId='+${param.wiId};

এটি প্রয়োজনীয় পথে যাবে এবং আপনি কোনও পুনরায় পাঠানোর প্রম্পট পাবেন না।