"Close" button on the page.

Question

Is there any possibility to make a link or a button to close the current page? Like I have this:

<div id="arrows">
        <a href="It works"><div id="arrow_left"></div></a>
        <a href="It works too"><div id="arrow_right"></div></a>
        <a href="??? =("><div id="arrow_close"></div></a>   
</div>

And this if it's necessary this:

#arrow_close{
height: 7px;display: inline;float: left;width: 7px;
background: url(../i/close-20.png) no-repeat;
}

And I want to close the page with a button "close".

Answer 1

<a href="javascript:window.close();">

(some browsers won't allow this if the window wasn't opened by a script, depending on the security features enabled)

Answer 2

You can do this inline pretty easily... on a div, you would do

onClick="javascript:window.close();"

But on an <a> tag, you can also do

href="javascript:window.close();"

Answer 3

You can use

window.close() or self.close() to close the present window.

To prevent the browser from prompting the warning, you need to set the opener property and then call the close.

<a href="JavaScript:CloseWindow();"><div id="arrow_close"></div></a>
<script type="text/javascript">
var CloseWindow = function() {
  window.top.opener = null;
  window.close();
}
</script>