HTML DOM Location replace() পদ্ধতিটি বর্তমান নথির পরিবর্তে একটি নতুন নথি রেন্ডার করার জন্য ব্যবহৃত হয়। এটি 'ব্যাক' ব্যবহার করে পুরানো নথিতে নেভিগেশন অক্ষম করে নথির ইতিহাস থেকে বর্তমান নথির URLটিকেও সরিয়ে দেয় বোতাম।
সিনট্যাক্স
নিচের সিনট্যাক্স −
location.replace(URLString)
উদাহরণ
আসুন অবস্থান প্রতিস্থাপন()-এর একটি উদাহরণ দেখি সম্পত্তি -
<!DOCTYPE html>
<html>
<head>
<title>Location replace()</title>
<style>
form {
width:70%;
margin: 0 auto;
text-align: center;
}
* {
padding: 2px;
margin:5px;
}
input[type="button"] {
border-radius: 10px;
}
</style>
</head>
<body>
<form>
<fieldset>
<legend>Location-replace( )</legend>
<label for="urlSelect">Current URL: </label>
<input type="url" id="urlSelect" value="https://www.example.com"><br>
<label for="newUrlSelect">New URL: </label>
<input type="url" id="newUrlSelect" placeholder="Give new url..."><br>
<input type="button" onclick="doReplace()" value="Go to new URL">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var urlSelect = document.getElementById("urlSelect");
var newUrlSelect = document.getElementById("newUrlSelect");
function doReplace(){
if(newUrlSelect.value === '')
divDisplay.textContent = 'Provide new URL';
else{
location.replace(newUrlSelect.value);
divDisplay.textContent = 'Redirecting to new URL';
}
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে'নতুন URL-এ যান' ক্লিক করার পরে৷ কোন ইনপুট ছাড়া বোতাম -
'নতুন URL-এ যান' ক্লিক করা হচ্ছে৷ ফিলিংস বিশদ বিবরণের পরে বোতাম -
