使用HTML将用户发送到浏览器的主页

时间:2014-03-22 14:29:15

标签: html hyperlink

我正在设计一个支持网站,该网站需要一个显眼位置的“快速隐藏网站”按钮。我在plunker

上使用以下代码创建了一个

HTML

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <h1>Support Site</h1>
    <a class="hide" href="http://www.google.co.uk">Quick Hide Site</a>
  </body>

</html>

CSS

.hide{
    font-family: Helvetica, Arial, sans-serif;
    display:block;
    font-size:15px;
    color:#ffffff;
    text-decoration:none;
    text-align:center;
    line-height:0.9em;
    position:fixed;
    top:145px;
    right:0px;
    background-color:tomato;
    width:50px;
    padding:8px 3px 6px;
    -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.25);
    box-shadow:0 3px 5px rgba(0, 0, 0, 0.25);
    text-transform:uppercase;
    z-index:999999;
}

由于有些人不使用Google并且在浏览器中设置了不同的主页,我是否可以更改html编码中的超链接以使访问者转到他们在浏览器中设置的主页而不是Google ?

我在StockOverflow中找到this response,但我不熟悉JavaScript,我不知道如何使用编码。

1 个答案:

答案 0 :(得分:0)

正如链接所说

  1. 使用javascript确定用户所在的浏览器类型。
  2. 再次调用该功能将用户重定向到他们的主页 - 使用javascript
  3. link会向您显示您需要的代码

相关问题