how to use window.location.hashLearning Curve- Perfect Tutorial for the beginers | Learning Curve- Perfect Tutorial for the beginers

Use of window.location.hash In javascript

In a webpage contains so many links.if we click from a link it will redirect to some other page, if we came back to the previous page using back button it will point to the link where we have made click. below code will explains window.location.hash Index.php

<?php
for($i=1;$i<25;$i++)
{
?>
<div id="myid<?php echo $i;?>">
<a href="testpage.php?id=<?php echo $i;?>">Go to Page<?php echo $i;?></a><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius velit eu porttitor viverra. Nullam commodo nisl a erat luctus maximus. Quisque feugiat leo nec urna hendrerit, a cursus enim fringilla. Aenean sed dui ac nisi ultricies condimentum. Suspendisse sed felis eget mi congue sodales. Mauris at consectetur tellus. Praesent imperdiet arcu auctor porta scelerisque. Sed pulvinar lacus et sodales mattis. Suspendisse commodo malesuada scelerisque. Nulla eget cursus sapien, non fringilla eros.Etiam non massa eget nulla cursus consequat sed vel arcu. Nullam non varius metus. Nunc pharetra pulvinar enim, ac blandit ipsum pulvinar ac. Etiam egestas nibh ut urna egestas, sed mollis velit tristique. Nulla gravida tempus dui et dictum. Nullam ut ex nibh. Integer euismod erat purus, sit amet ullamcorper purus condimentum ut. Donec in enim sit amet ante volutpat tempor. Sed condimentum tincidunt sem, a lobortis tellus mollis a. Sed a velit id lectus ullamcorper venenatis eu id ex. Morbi eleifend risus sit amet dolor interdum, nec feugiat magna feugiat. Nulla porta fermentum tellus, sit amet faucibus ipsum molestie ut. Curabitur accumsan felis ac nulla varius, non elementum lectus fringilla. Sed eget orci sed justo dapibus suscipit id eu tortor. Pellentesque eget maximus mauris, quis feugiat odio.
</div>
<?php
}

$return_id=@$_GET['id'];
?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script>
$(document).ready(function () {
var returnid=<?php echo $return_id;?>

window.location.hash='myid'+returnid;
});
</script>

<?php

for($i=1;$i<25;$i++)

{

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius velit eu porttitor viverra. Nullam commodo nisl a erat luctus maximus. Quisque feugiat leo nec urna hendrerit, a cursus enim fringilla. Aenean sed dui ac nisi ultricies condimentum. Suspendisse sed felis eget mi congue sodales. Mauris at consectetur tellus. Praesent imperdiet arcu auctor porta scelerisque. Sed pulvinar lacus et sodales mattis. Suspendisse commodo malesuada scelerisque. Nulla eget cursus sapien, non fringilla eros.Etiam non massa eget nulla cursus consequat sed vel arcu. Nullam non varius metus. Nunc pharetra pulvinar enim, ac blandit ipsum pulvinar ac. Etiam egestas nibh ut urna egestas, sed mollis velit tristique. Nulla gravida tempus dui et dictum. Nullam ut ex nibh. Integer euismod erat purus, sit amet ullamcorper purus condimentum ut. Donec in enim sit amet ante volutpat tempor. Sed condimentum tincidunt sem, a lobortis tellus mollis a. Sed a velit id lectus ullamcorper venenatis eu id ex. Morbi eleifend risus sit amet dolor interdum, nec feugiat magna feugiat. Nulla porta fermentum tellus, sit amet faucibus ipsum molestie ut. Curabitur accumsan felis ac nulla varius, non elementum lectus fringilla. Sed eget orci sed justo dapibus suscipit id eu tortor. Pellentesque eget maximus mauris, quis feugiat odio.

</div>

<?php

}

$return_id=@$_GET['id'];

$(document).ready(function () {

var returnid=<?php echo $return_id;?>

window.location.hash='myid'+returnid;

});

</script>

testpage.php

<div>
<a href="index.php?id=<?php echo @$_GET['id'];?>" >Go Back</a><br>
</div>

<div>

</div>