Кнопка Html с location.href и document.referrer вместе

Question

Я пытаюсь сделать эту работу

<script> 
document.write('<button onclick="location.href=' + document.referrer + '">Go back</button>'); 
</script> 

Это не должно быть ничего, кроме простой кнопки «Назад» на previsous странице. Когда я делаю это как «а HREF» работает

<script> 
    document.write('<a href="' + document.referrer + '">Go back</a>'); 
</script> 

но при попытке TOM аки его как «кнопка» это не удается. Кнопка есть, но не переходила на предыдущую страницу.

Answer 1

Вы также можете реализовать нативные назад с:

window.history.back(); 
//in your onclick="history.back()" 
//also can try with: 
//javascript:history.go(-1)"> 

Или вызвать функцию, проверьте, если history.back() доступен в браузере первого еще реализовать пользовательскую функцию обратно/code, как показано здесь (я бы предпочел вынуть код из HTML просто обрабатывать OnClick в моей функции)

Using javascript history.back() fails in Safari .. how do I make it cross-browser?

Для надежной проверки решения history.js:

https://github.com/browserstate/history.js

Answer 2

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

<script> 
document.write('<button onclick="location.href=\'' + document.referrer + '\';">Go back</button>'); 
</script> 

Answer 3

Вы упускаете в кавычки URL в HREF, так попытаться избежать этого, как это (работал для меня)

document.write('<button onclick="location.href=\'' + document.referrer + '\'">Go back</button>');