一个类似于按钮的 href 链接答案

【问题标题】：a href link that will act like a button一个类似于按钮的 href 链接
【发布时间】：2014-01-19 09:43:12
【问题描述】：

是否有任何干净的方法可以制作常规链接：

<a href="[8]">Click here to read more...</a>

完全像一个按钮

<button id="[8]">Click here to read more...</button>

谢谢！

【问题讨论】：

你是什么意思'像一个按钮'？您具体想要什么功能？
可能重复：stackoverflow.com/questions/2906582/…
查看该网站上的文章：puaction.com 现在...“单击此处阅读更多...”是一个看起来像链接的按钮。我想删除所有的 css 噱头并将其恢复为像按钮一样的常规链接。
Niels Sønderbæk :: 这不是重复的我需要反向方法
可能重复：stackoverflow.com/questions/2187008/… 据我所知，CSS 将是您唯一的选择

标签： html button hyperlink href

【解决方案1】：

你的意思是这样的吗？

<a id="[8]" class="readmore" href="#">
    Click here to read more...
</a>

使您的 javascript 适应新的“a”：

$("a.readmore").click(function() { 
    var id=this.id.split('['); 
    var d_id=id[1].split(']'); 
    var ii=d_id[0] $('html, body').animate({ 
       scrollTop: $('[id='+ii+']').offset().top 
    }, 2000); 

    return false;
});

只是一个提示，你的字符串处理看起来很糟糕，建议：

$("a.readmore").click(function() { 
    var id=this.id.match('[0-9]+');

    $('html, body').animate({ 
       scrollTop: $('[id='+ id +']').offset().top 
    }, 2000); 

    return false;
});

确保页面 dom 解析器在正确的时间拦截此代码，把它放在一个

里面

$(document).ready(function(){ ... });

问候。

【讨论】：

不，我想完全删除按钮。我通过 css 使按钮看起来像一个链接，但这不是一个干净的方法。
@masteringprojects 你能用一个吗？？
@masteringprojects 你所说的“准确地行动”是什么意思？如果您在单击时添加返回 false，它将不会跟随 href 链接。因此，假设您添加了适当的 CSS 样式，它将表现得像一个按钮。虽然，你为什么需要这个，它是对现有系统的某种破解吗？
不，我有一个函数可以将 [{number}] 从然后它打开（滑动到）第 8 条等等...
这是函数：$("button").click(function() { var id=this.id.split('['); var d_id=id[1].split( ']') var ii=d_id[0] $('html, body').animate({ scrollTop: $('[id='+ii+']').offset().top }, 2000); } );

【解决方案2】：

是的，先生，这很好！我希望这能满足您的需求:)。

<html>
<style>
    .lnkbtn{
        display: block;
        width: 100px;
        background-color: lightgrey;
        border: 1px solid black;
        text-align: center;
        text-decoration: none;
        padding: 5px 0px 5px 0px;
    }

    .lnkbtn:hover{
        background-color: #aaa;
    }

    .lnkbtn:visited{
        color: blue;
    }

    .lnkbtn:active{
        border: 1px solid red;
    }

</style>
<body>
    <a href = "http://www.google.com" class = "lnkbtn">Click me!</a>
</body>
</html>

【讨论】：

它既不像按钮也不像按钮。
不，这绝对不是我想要的。我不需要链接看起来像一个按钮我需要链接的行为像一个按钮。
您能描述一下“行为”吗？你想要什么 onclick 事件？您可以在链接中添加一个 id 并通过外部 js 文件调用它，例如 $("#btn").onclick = function(){ ... }