Question

我有一个用户输入网址的表单。调整后输入产生的值是变量#url，它立即显示给用户。

我需要在我的网站中将类似和推文按钮指向该网址。使他们的HREFS等于变量#url

这是分享按钮：

<a id="twtbutton" href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="theclocktwt">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>

<fb:like id="fbbutton" send="false" layout="button_count" width="450" show_faces="false" font="" style="position: absolute; left:110px;"></fb:like>
</div>

您可以在此处查看其工作原理：http://www.chusmix.com/tests/magic.html

“改进的链接”是我希望共享按钮使用的网址。

Answer 1

这就是你想要做的 -

var yourElement = document.getElementById('yourHref');
 yourElement.setAttribute('href', '#url');

Answer 2

在jquery网站上引用以下页面：

http://api.jquery.com/attr/

应该可以使用attr（'href'，'value）;

Answer 3

试试这个：

$("#url").keypress(
    function(e) {
        if(e.keyCode == 13) {
            $("#output").attr('href', cleanURL($("#url").val()));
        }
    }
);

Answer 4

    $('#twtbutton').prop('href', #url);
    $('#fbbutton').prop('href', #url);

这会将带有id = twtbutton和id = fbbutton的html元素的'href'属性更改为存储在#url中的值，其中存储在#url中的值是字符串数据类型。这个答案使用了jQuery库。

如何通过javascript更改链接HREF

4 个答案: