2010-04-17 4 views
1

Есть ли возможность сделать ссылку или кнопку, чтобы закрыть текущую страницу? Как я это:Кнопка «Закрыть» на странице

<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> 

И это, если это необходимо, это:

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

И я хочу, чтобы закрыть страницу с кнопкой «Закрыть».

ответ

4

Вы можете использовать

window.close() или self.close(), чтобы закрыть настоящее окно.

Чтобы предотвратить запрос браузера на предупреждение, вам необходимо установить свойство opener, а затем вызвать закрытие.

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

Ой, я думаю, это будет работать , Но я нобой в js. Так что это будет так: <тип скрипта = "текст/JavaScript"> $ (функция() { ? window.opener = "something"; MyNewDIvWithBUtton.onClick = "javascript: window.close();" }); – TRAVA

+0

@trava: обновил сообщение с кодом –

+0

Отлично! Большое спасибо. Но он не работает в Mozilla = \ Можно ли заставить его работать в Mozilla? – TRAVA

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

(некоторые браузеры не допустит этого, если окно не было открыто с помощью сценария, в зависимости от особенностей безопасности включено)

+1

не работает в Mozilla и IE спрашивает, прежде чем закрывающей = \ – TRAVA

+0

@TRAVA: жить с ним, или забыть. – Leo

+0

@Mef: этот запрос можно обойти –

2

Вы можете сделать это инлайн довольно легко ... на DIV , вы могли бы сделать

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

Но на < в > тег, вы также можете сделать

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

Как его использовать? onClick = "javascript: window.close();" – TRAVA

+0

Используя настройку, которую вы предоставили, вы можете сделать это одним из 3 способов ... Один.

Two.
Три.
Все зависит от того, хотите ли вы, чтобы событие срабатывало на якоре или в div. – RussellUresti

+0

В Mozilla ничего не работает. – TRAVA

Смежные вопросы