Question

我有这段代码

<script type="text/javascript">
function alterText(){
    document.getElementById('share_buttons').innerHTML = generateShareButton(url);
}


function generateShareButton(url) {
    url = encodeURIComponent(url);
    var title = encodeURIComponent(window.site.title + " - " + window.site.subtitle);
    var description = encodeURIComponent(window.site.description);
    var html = '<ul class="share-buttons">' +
            '<li><a href="https://www.facebook.com/sharer/sharer.php?u=' + url + '&t=' + title + '" target="_blank" title="Share on Facebook"><i class="fa fa-facebook-square fa-2x" aria-hidden="true"></i><span class="sr-only">Share on Facebook</span></a></li>'
            + '<li><a href="https://twitter.com/intent/tweet?source=' + url + '&text=' + title + ':%20' + url + '" target="_blank" title="Tweet"><i class="fa fa-twitter-square fa-2x" aria-hidden="true"></i><span class="sr-only">Tweet</span></a></li>'
            + '<li><a href="https://plus.google.com/share?url=' + url + '" target="_blank" title="Share on Google+"><i class="fa fa-google-plus-square fa-2x" aria-hidden="true"></i><span class="sr-only">Share on Google+</span></a></li>'
            + '<li><a href="http://pinterest.com/pin/create/button/?url=' + url + '&description=' + description + '" target="_blank" title="Pin it"><i class="fa fa-pinterest-square fa-2x" aria-hidden="true"></i><span class="sr-only">Pin it</span></a></li>'
            + '<li><a href="http://www.reddit.com/submit?url=' + url + '&title=' + title + '" target="_blank" title="Submit to Reddit"><i class="fa fa-reddit-square fa-2x" aria-hidden="true"></i><span class="sr-only">Submit to Reddit</span></a></li>'
            + '<li><a href="http://www.linkedin.com/shareArticle?mini=true&url=' + url + '&title=' + title + '&summary=' + description + '&source=' + url + '" target="_blank" title="Share on LinkedIn"><i class="fa fa-linkedin-square fa-2x" aria-hidden="true"></i><span class="sr-only">Share on LinkedIn</span></a></li>'
            + '<li><a href="mailto:?subject=' + title + '&body=' + description + ':%20' + url + '" target="_blank" title="Send email"><i class="fa fa-envelope-square fa-2x" aria-hidden="true"></i><span class="sr-only">Send email</span></a></li>'
            + '</ul>';
    return html;
}
</script>

无法获得结果

<div id="share_buttons"></div>

我可以从某个.js文件中调用它吗？如果没有，如何在页面加载时执行此操作？因为我不想使用<body onload>方法...

Answer 1

您可以在这里查看小提琴jsfiddle.net/bharatsing/e1yw945f/1/

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

function alterText(){    
    var url="http://url.com"
    document.getElementById('share_buttons').innerHTML = generateShareButton(url);
}

无法在DIV标签中获得Var输出？

1 个答案: