কীভাবে জাভাস্ক্রিপ্ট ব্যবহার করে কোনও পৃষ্ঠা পুনরায় লোড করবেন


871

আমি কীভাবে জাভাস্ক্রিপ্ট ব্যবহার করে পৃষ্ঠাটি পুনরায় লোড করতে পারি?

আমার এমন একটি পদ্ধতি দরকার যা সমস্ত ব্রাউজারে কাজ করে।

উত্তর:


946

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

window.location.href = window.location.pathname + window.location.search + window.location.hash;
// creates a history entry

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

window.location.replace(window.location.pathname + window.location.search + window.location.hash);
// does not create a history entry

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

window.location.reload(false); 
// If we needed to pull the document from
//  the web-server again (such as where the document contents
//  change dynamically) we would pass the argument as 'true'.

80
'সত্য' পৃষ্ঠাটি সার্ভার থেকে পুনরায় লোড করতে বাধ্য করবে। 'মিথ্যা' উপলব্ধ থাকলে ক্যাশে থেকে পুনরায় লোড হবে।
ব্যারো 32

3
না .reload(true)ইতিহাস যুক্ত হয়ে? যদি তা হয় তবে পুনরায় লোড দিয়ে কীভাবে এড়ানো যায়?
জনহিতার্থী


1
এটি সেরা উত্তর এবং শীর্ষে থাকা উচিত। অন্যান্য ফাংশনগুলির সাথে আমার সমস্যাটি হ'ল তারা সার্ভার থেকে সামগ্রী নিয়ে পৃষ্ঠাটি রিফ্রেশ করছে না এবং পরিবর্তে ক্যাশে ব্যবহার করছে না তাই জাভাস্ক্রিপ্ট 1.2 সমাধানটি আমার পক্ষে সেরা এবং একমাত্র সমাধান ছিল।
রায়ান কুলওয়েবস

8
.reload (সত্য) বা .reload (মিথ্যা) আমার আইডিই এবং github.com/Mic Microsoft / TypeScript / issues / 28898 অনুযায়ী অবহিত করা হয়েছে - এখন .reload ()
danday74

387
location.reload();

আরও তথ্যের জন্য এই এমডিএন পৃষ্ঠাটি দেখুন।

আপনি যদি কোনওর পরে সতেজ হয়ে থাকেন onclickতবে আপনাকে সরাসরি পরে মিথ্যা ফিরিয়ে দিতে হবে

location.reload();
return false;

22
location.reload()এবং মধ্যে পার্থক্য কি window.location.reload()?
র‌্যাপটার

53
@ShivanRaptor সাধারণত কেউ, ওয়েব ব্রাউজার প্রসঙ্গে locationহিসাবে একই window.locationহিসাবে windowবিশ্বব্যাপী অবজেক্ট।
লেকেনস্টেইন

1
return false;কোনও লিঙ্কে কোনও অনক্লিক থেকে কল করলে তা ভুলে যাবেন না ।
রিমিয়ান

2
আমি স্থানীয় window.location.reload();পাঠ্য হিসাবে যেমন পঠনযোগ্যতার জন্য ব্যবহার করতে পছন্দ করি location- তবে আপনি সাধারণত নামের পরিবর্তনশীলগুলি এড়াতে চান window
ইয়েতি

216

এখানে জাভাস্ক্রিপ্ট ব্যবহার করে পৃষ্ঠাটি পুনরায় লোড করার 535 টি উপায় রয়েছে , এটি সর্বাধিক সহজ location = location

এটি প্রথম 50:

location = location
location = location.href
location = window.location
location = self.location
location = window.location.href
location = self.location.href
location = location['href']
location = window['location']
location = window['location'].href
location = window['location']['href']
location = window.location['href']
location = self['location']
location = self['location'].href
location = self['location']['href']
location = self.location['href']
location.assign(location)
location.replace(location)
window.location.assign(location)
window.location.replace(location)
self.location.assign(location)
self.location.replace(location)
location['assign'](location)
location['replace'](location)
window.location['assign'](location)
window.location['replace'](location)
window['location'].assign(location)
window['location'].replace(location)
window['location']['assign'](location)
window['location']['replace'](location)
self.location['assign'](location)
self.location['replace'](location)
self['location'].assign(location)
self['location'].replace(location)
self['location']['assign'](location)
self['location']['replace'](location)
location.href = location
location.href = location.href
location.href = window.location
location.href = self.location
location.href = window.location.href
location.href = self.location.href
location.href = location['href']
location.href = window['location']
location.href = window['location'].href
location.href = window['location']['href']
location.href = window.location['href']
location.href = self['location']
location.href = self['location'].href
location.href = self['location']['href']
location.href = self.location['href']
...

84
এটি আকর্ষণীয়, তবে এখন আমি বিভ্রান্ত হয়ে পড়েছি
অরুণ প্রসাদ ES

14
এটি জাভাস্ক্রিপ্টের অদ্ভুততাও তুলে ধরেছে :)
জেরেমি থিল

51
আমি ব্যক্তিগতভাবে এই উত্তরটিকে অপছন্দ করি কারণ এটি কেবল স্থান পরিবর্তন করতে বিভিন্ন বাস্তবায়নের হাতছানি দেখায়। এই উপায়গুলি হ'ল কোনও ফাংশন সম্পাদন করতে বা জাভাস্ক্রিপ্টে কোনও বৈশিষ্ট্য অ্যাক্সেস করার বিভিন্ন উপায়ের অনুমতি। কোনও পৃষ্ঠা পুনরায় লোড করার বিভিন্ন উপায় নয়।
জোশুয়া বেরেনস

40
অবশ্যই আরও অনেকগুলি রয়েছে, যেমন:window.window.window['window'].location = window['window'].window['window']['window']['window']['window']['window']['window']['location']
রেনাতো

84

আপনি এই কাজটি ব্যবহার করে সম্পাদন করতে পারেন window.location.reload();। যেহেতু এটি করার অনেকগুলি উপায় রয়েছে তবে আমি মনে করি এটি জাভাস্ক্রিপ্টের সাথে একই দস্তাবেজটি পুনরায় লোড করার উপযুক্ত উপায়। এখানে ব্যাখ্যা

জাভাস্ক্রিপ্ট window.locationঅবজেক্ট ব্যবহার করা যেতে পারে

  • বর্তমান পৃষ্ঠার ঠিকানা (URL) পেতে
  • অন্য পৃষ্ঠায় ব্রাউজার পুনর্নির্দেশ
  • একই পৃষ্ঠাটি পুনরায় লোড করতে

window: জাভাস্ক্রিপ্ট একটি ব্রাউজারে একটি খোলা উইন্ডো প্রতিনিধিত্ব করে।

location: জাভাস্ক্রিপ্টে বর্তমান ইউআরএল সম্পর্কে তথ্য রয়েছে।

locationবস্তুর একটি টুকরা মত হল windowবস্তু এবং মাধ্যমে আপ বলা হয় window.locationসম্পত্তি।

location বস্তুর তিনটি পদ্ধতি রয়েছে:

  1. assign(): একটি নতুন দস্তাবেজ লোড করতে ব্যবহৃত
  2. reload(): বর্তমান নথি পুনরায় লোড করতে ব্যবহৃত
  3. replace(): নতুন নথির সাথে বর্তমান নথি প্রতিস্থাপন করতে ব্যবহৃত হয়

সুতরাং এখানে আমাদের ব্যবহার করা প্রয়োজন reload(), কারণ এটি একই দস্তাবেজটি পুনরায় লোড করতে আমাদের সহায়তা করতে পারে।

তাই এটি ব্যবহার করুন window.location.reload();

Jsfiddle অনলাইন ডেমো

আপনার ব্রাউজারকে ক্যাশে থেকে নয় সরাসরি সার্ভার থেকে পৃষ্ঠাটি পুনরুদ্ধার করতে বলার জন্য, আপনি একটি trueপ্যারামিটার পাস করতে পারেন location.reload()। এই পদ্ধতিটি আইই, ক্রোম, ফায়ারফক্স, সাফারি, অপেরা সহ সমস্ত বড় ব্রাউজারের সাথে সামঞ্জস্যপূর্ণ।


2
আহ হা! replace()আমি যে সমাধানটি সন্ধান করছিলাম তা প্রমাণিত হয়েছিল কারণ ক্যোরি স্ট্রিংয়ের সামান্য পরিবর্তন নিয়ে আমার পৃষ্ঠাটি পুনরায় লোড করা দরকার।
বার্নার্ড হায়মেন

ডাব্লু 3 স্কুল থেকে: "নির্ধারিত () এবং প্রতিস্থাপন () এর মধ্যে পার্থক্যটি হ'ল প্রতিস্থাপন () বর্তমান নথির URL টি নথির ইতিহাস থেকে সরিয়ে দেয়, এর অর্থ হল" পিছনে "বোতামটি আবার ফিরে নেভিগেট করা সম্ভব নয় মূল নথি."
পাসবা পোর একুই

54

চেষ্টা করুন:

window.location.reload(true);

'সত্য' এ সেট করা প্যারামিটারটি সার্ভার থেকে একটি নতুন কপি পুনরায় লোড করে। এটিকে ছেড়ে গেলে পৃষ্ঠাটি ক্যাশে থেকে পরিবেশন করা হবে।

আরও তথ্য এমএসডিএন এবং মজিলা ডকুমেন্টেশনে পাওয়া যাবে


1
আমি যদি কোনও বাহ্যিক ওয়েব পৃষ্ঠা www.xyz.com/abc রিফ্রেশ করতে চাই তবে কী হবে?

@ দেভ: আপনার পরে "প্রতিস্থাপন" দিয়ে উল্লিখিত হিসাবে চেষ্টা করা উচিত
জিন পল এ কেএ এল_ভেট

@ ওরেন: আমি এই জবাবটির সরলতা এবং সাশ্রয়ীত্ব উভয়ই পছন্দ করি, কেবল অপের তদন্তকে সন্তুষ্ট করার জন্য অনেকগুলি বিকল্প দিতে, যে বলেছিল, প্রতিটি ব্রাউজার হিসাবে ভবিষ্যতের রেফারেন্সের জন্য এই পরিস্থিতিতে একটি কর্তৃপক্ষের রেফারেন্সযুক্ত লিঙ্ক সরবরাহ করার জন্য আপনাকে ধন্যবাদ রেন্ডারিংয়ের জন্য তাদের নিজস্ব জেএস ইঞ্জিন রয়েছে ... আমি মনে করি যে প্রশ্নটি খুব সাধারণ এবং আপনি এটির জন্য কী করতে চান তা নির্ভর করে কারণ অন্য ওয়েব রেফারেন্স: " phpied.com/files/location-location/location- লোকেশন এইচটিএমএল "এই প্রশ্নের পুরোপুরি বিকল্পটিকে সন্তুষ্ট করে। তবে, এটি আমাকে সাহায্য করেছিল;)
জিন পল একেএ এল_ভেটি

এটা কি এখনও সত্য? এই দুটি লিঙ্কই পুনরায় লোডের জন্য কোনও পরামিতি উল্লেখ করে না।
রেডিগার স্কুল্জ

49

আমি পোস্টের অনুরোধের সাথে পুনরুদ্ধার করা পৃষ্ঠাগুলিতে পুনরায় লোড সম্পর্কিত কিছু তথ্য খুঁজছিলাম যেমন method="post"ফর্ম জমা দেওয়ার পরে ।

পোস্টের তথ্য রেখে পৃষ্ঠাটি পুনরায় লোড করতে , ব্যবহার করুন:

window.location.reload();

পোষ্ট ডেটা বাতিল করে পৃষ্ঠাটি পুনরায় লোড করতে (একটি জিইটি অনুরোধ সম্পাদন করুন), ব্যবহার করুন:

window.location.href = window.location.href;

আশা করি এটি একই তথ্য অনুসন্ধানে অন্যদের সহায়তা করতে পারে।


একটি POSTঅনুরোধের সাথে পুনরুদ্ধার করা একটি দস্তাবেজ পুনরায় লোড করার উল্লেখ সহ উত্তরের জন্য ধন্যবাদ the
ক্রিস্টোফার শুল্টজ

GETএবং POSTপদ্ধতির মধ্যে ভাল পার্থক্য
হাসান বৈগ

এই উত্তর খুব নিচে ছিল!
গ্রেগ র‌্যান্ডাল

1
window.location.href = window.location.hrefপৃষ্ঠাটি পুনরায় লোড না বর্তমান url- এ থাকে #। আপনার হ্যাশটির দরকার না থাকলে আপনি মুছে ফেলতে পারেন window.location.href = window.location.href.split('#')[0];
রোল্যান্ড স্টার্ক

40

জাভাস্ক্রিপ্ট ব্যবহার করে একটি পৃষ্ঠা পুনরায় লোড করতে, ব্যবহার করুন:

window.location.reload();

36

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

function refresh() {    
    setTimeout(function () {
        location.reload()
    }, 100);
}

http://jsfiddle.net/umerqureshi/znruyzop/


এটি আমার কাছে পছন্দনীয়, কারণ এটি সার্ভার-সাইডে লুপ শর্তটি এড়িয়ে চলে
ILMostro_7

1
আমি বিশেষ করে টাইমআউট ফাংশনটি অন্তর্ভুক্তির প্রশংসা করি কারণ আমার একটি বার্তা রয়েছে যা রিফ্রেশ হওয়ার আগেই আমি দেখতে চাই। যশ!
ম্যাট ক্রিমেন্স

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

1
@ ও.কুজ এমনটি ভাবেন না। যাক আপনি যদি 5000m এ মান সেট করেন তবে 5 সেকেন্ড পরে পুনরায় লোড হবে। দেখতে jsfiddle.net/umerqureshi/znruyzop/446
Umer

1
আমার কোডে আমার একটি ভুল খুঁজে পাওয়া দরকার) অনেক অনেক ধন্যবাদ!
ওকুজ

15

রাখলে

window.location.reload(true);

আপনার পৃষ্ঠার শুরুতে অন্য কোনও শর্ত ছাড়াই কোডটি কেন চালিত হয়, পৃষ্ঠাটি লোড হবে এবং তারপরে আপনি নিজের ব্রাউজারটি বন্ধ না করা পর্যন্ত নিজেকে পুনরায় লোড করতে চালিয়ে যাবেন।


ঠিক আছে, অথবা আপনি অন্য ইউআরএল না খোলার আগে পর্যন্ত। এটি সম্ভবত ব্রাউজারের অবিচ্ছিন্ন পৃষ্ঠা (পুনরায়) লোডগুলি পরিচালনা করতে সক্ষমতার উপর নির্ভর করে।
অ্যাডামডুনসন

আপনি সঠিকভাবে বলেছেন যে আপনি এটি কোথায় রাখবেন তা নির্ভর করে। আমরা এখানে কেবল উল্লেখ করছি যে সম্ভবত কোনও অ্যাঙ্কর ট্যাগটি পৃষ্ঠাটি পুনরায় লোড করার মতো কোনও ক্রিয়াকলাপ চালানোর জন্য স্বজ্ঞাত উপাদান নয়। পরামর্শ: আমরা অনক্লিক ইভেন্টটি করার লক্ষ্য হিসাবে অন্য UI অবজেক্টের উপর নির্ভর করি। পৃষ্ঠাটি ডিভিড টার্গেট করে লোড হওয়ার পরে আপনি jQuery এ এটি করতে পারেন, উদাহরণস্বরূপ আপনি যদি এটি CSS এর সাথে সজ্জিত করেন তবে এটি এর সাথে আপনি কী করতে চান তার উপর নির্ভর করে। সেই প্রসঙ্গে একটি ইনপুট টাইপের বোতামের পরিবর্তে একটি বোতাম if যদি আমরা ব্যাকএন্ড অ্যাপে কোনও যুক্তিটি পাস করার পরিকল্পনা না করি তবে এটি আরও উপযুক্ত বলে মনে হয়।
জিন পল একেএ এল_ভেটি

আইই: <বাটন অনক্লিক = "জাভাস্ক্রিপ্ট: উইন্ডো.লোকেশন.রেলোড (সত্য);"
জিন পল একেএ এল_ভেটি

11
location.href = location.href;

5
আধুনিক ব্রাউজারগুলি এটিকে উপেক্ষা করে কারণ href পরিবর্তন হয় না তাই এটি পুনরায় লোড করার প্রয়োজন নেই। আপনি রিলোড ছাড়া শুধুমাত্র পুরাতন ব্রাউজারের জন্য ফেলওভার হিসাবে ব্যবহার করা উচিত নয়: (location.reload location.reload (): location.href = location.href)
Radek পেচ

@ রাদেকপেক কোন পুরানো ব্রাউজারগুলির নেই location.reload()?
ম্যাথিয়াস

8

এটি সহজ এবং সহজ করতে, ব্যবহার করুন location.reload()। আপনি location.reload(true)যদি সার্ভার থেকে কিছু দখল করতে চান তবে আপনি এটিও ব্যবহার করতে পারেন।


8

একটি বোতাম ব্যবহার করুন বা কেবল এটি "একটি" (অ্যাঙ্কর) ট্যাগের মধ্যে রাখুন:

<input type="button" value="RELOAD" onclick="location.reload();" />

অন্যান্য প্রয়োজনের জন্য এগুলি ব্যবহার করে দেখুন:

Location Objects has three methods --

assign() Used to load a new document
reload() Used to reloads the current document.
replace() Used to replace the current document with a new one

1
আকর্ষণীয় ... কীভাবে <বাটন> </ বাটন>? ঠিক একই কাজ করে?
জিন পল একে একে এল_ভেটি

1
এটি একটি কবজ মত কাজ করে! নীচে আমার উত্তরটি দেখুন :) ধন্যবাদ
জিন পল এ কেএ এল_বেট


4

20 সেকেন্ড পরে স্বয়ংক্রিয় পুনরায় লোড পৃষ্ঠা।

<script>
    window.onload = function() {
        setTimeout(function () {
            location.reload()
        }, 20000);
     };
</script>

4

আপনাকে ধন্যবাদ, পোস্টটি কেবল প্রস্তাবিত উত্তরের সাথে পৃষ্ঠাটি পুনরায় লোড করার জন্যই নয়, পাশাপাশি আমাকে একটি বোতামে jQuery UI আইকন রাখার ধারণাটি দেওয়ার জন্যও খুব সহায়ক ছিল:

<button style="display:block; vertical-align:middle; height:2.82em;"
        title="Cargar nuevamente el código fuente sin darle un [Enter] a la dirección en la barra de direcciones"
        class="ui-state-active ui-corner-all ui-priority-primary" 
        onclick="javascript:window.location.reload(true);">
    <span style="display:inline-block;" class="ui-icon ui-icon-refresh"></span>
    &nbsp;[<b>CARGAR NUEVAMENTE</b>]&nbsp;
</button>

কোনও প্রকল্পের অন্তর্ভুক্ত থাকা অবস্থায় এটি কেমন দেখাচ্ছে তা দেখানোর জন্য সম্পাদিত

2016-07-02

আমার ক্ষমা হিসাবে এটি একটি ব্যক্তিগত প্রকল্প যা jQuery UI, থিমেরোলার, আইকন ফ্রেমওয়ার্ক, jQuery ট্যাবগুলির মতো পদ্ধতিগুলি ব্যবহার করে বোঝায় তবে এটি স্প্যানিশ ভাষায় রয়েছে;)


@ পিটার মর্টেনসেন: সম্পাদনার জন্য ধন্যবাদ, প্রকল্পের প্রোটোটাইপটি কলেজের জন্য করা হয়েছিল, সুতরাং এটির জন্য স্ক্রিনক্যাপচারগুলিতে স্পেনীয় ভাষায় থাকার দরকার ছিল .. এর জন্য আমার ক্ষমাপ্রার্থী .. অবশ্যই, এখানে কিছু jQuery ইউআই সম্পর্কিত কোর থাকার দরকার ছিল এটি একসাথে মিশ্রিত করার জন্য নির্ভরতা: --- উদাহরণস্বরূপ থিমরোলার উইজেট jqueryui.com/themeroller , এবং প্লাগইনগুলি যেমন: plugins.jquery.com/qTip2 , datatables.net .. নিজেই jQuery লাইব্রেরি, ইত্যাদি .. তবে উপরের প্রতিক্রিয়াগুলির ভিত্তিতে অ্যাকশনটি করা হয়েছিল: onclick = "জাভাস্ক্রিপ্ট: উইন্ডো.লোকেশন.রেলোড (সত্য);">!
জিন পল একেএ এল_বেট

3

এই কাজ করা উচিত:

window.location.href = window.location.href.split( '#' )[0];

অথবা

var x = window.location.href;
x = x.split( '#' );
window.location.href = x[0];

আমি নিম্নলিখিত কারণে এটি পছন্দ:

  • # এর পরে অংশটি সরিয়ে দেয়, পৃষ্ঠাটি ব্রাউজারগুলিতে পুনরায় লোড হয় তা নিশ্চিত করে যা এতে থাকা সামগ্রীটি পুনরায় লোড করবে না।
  • আপনি সম্প্রতি কোনও ফর্ম জমা দিলে শেষের সামগ্রীটি পুনরায় পোস্ট করতে চাইলে এটি আপনাকে জিজ্ঞাসা করে না।
  • এটি বেশিরভাগ সাম্প্রতিক ব্রাউজারগুলিতেও কাজ করা উচিত। লাস্টড ফায়ারফক্স এবং ক্রোমে পরীক্ষিত।

বিকল্পভাবে, আপনি এই কাজের জন্য সর্বাধিক সাম্প্রতিক অফিসিয়াল পদ্ধতি ব্যবহার করতে পারেন

window.location.reload()

3

পৃষ্ঠাটি রিফ্রেশ করতে এই বোতামটি ব্যবহার করুন

ডেমো

<input type="button" value="Reload Page" onClick="document.location.reload(true)">

2

পুনরায় লোড () পদ্ধতিটি বর্তমান নথিটি পুনরায় লোড করতে ব্যবহৃত হয়।

পুনরায় লোড () পদ্ধতিটি আপনার ব্রাউজারে পুনরায় লোড বোতামের মতোই করে।

ডিফল্টরূপে, পুনরায় লোড () পদ্ধতিটি ক্যাশে থেকে পৃষ্ঠাটি পুনরায় লোড করে, তবে আপনি বলটি গেট প্যারামিটারটিকে সত্য: অবস্থান.reload (সত্য) এ সেট করে সার্ভার থেকে পৃষ্ঠাটি পুনরায় লোড করতে বাধ্য করতে পারেন।

        location.reload();

-3

আপনি সহজভাবে ব্যবহার করতে পারেন

window.location=document.URL

যেখানে ডকুমেন্ট.ইউআরএল বর্তমান পৃষ্ঠার ইউআরএল এবং উইন্ডো পেয়েছে oc লোকেশন এটিকে পুনরায় লোড করে।


2
আধুনিক ব্রাউজারগুলি এটিকে উপেক্ষা করে কারণ href পরিবর্তন হয় না তাই এটি পুনরায় লোড করার প্রয়োজন নেই। আপনি রিলোড ছাড়া শুধুমাত্র পুরাতন ব্রাউজারের জন্য ফেলওভার হিসাবে ব্যবহার করা উচিত নয়: (location.reload location.reload (): অবস্থান = document.URL?)
Radek পেচ
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.