HTML DOM लोकेशन रिप्लेस () विधि का उपयोग वर्तमान दस्तावेज़ की जगह एक नया दस्तावेज़ प्रस्तुत करने के लिए किया जाता है। यह 'वापस' का उपयोग करके पुराने दस्तावेज़ में नेविगेशन अक्षम करने वाले दस्तावेज़ इतिहास से वर्तमान दस्तावेज़ 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 पर जाएं’ . पर क्लिक करना विवरण भरने के बाद बटन -
