Naver 分享按钮脚本包括

Question

我们正在向我们的网站添加一个 Naver 分享按钮。我们从他们的 developer site 那里得到了脚本并且它工作正常。

<span>
    <script type="text/javascript" src="http://share.naver.net/js/naver_sharebutton.js"></script>
    <script type="text/javascript">
        new ShareNaver.makeButton({"type": "a"});
    </script>
</span>

但是，new ShareNaver.makeButton({"type": "a"}); 包含按钮所在的位置。这意味着我们在页面中间有 <script> 元素。我们想将脚本的包含移动到结束 </body> 标记之前。

我不知道如何将脚本移动到末尾，但仍包含我需要的按钮。

Answer 1

如果您查看 naver_sharebutton.js 来源：

makeButton() 调用 insertButton()
insertButton() 呼叫 createTag()
createTag() 创建 image/button DOM 元素

您会注意到在模板中创建的 img 具有 id=naver

一旦你知道了这一点，把脚本放在你喜欢的任何地方，移动按钮应该很简单；提供您的自定义代码以在 naver 代码之后执行移动按钮以首先将其放在页面上。

jQuery:

$('#naver').insertAfter('#otherPlace');
$('#naver').insertBefore('#otherPlace');

JS

document.getElementById('naver').appendChild(document.getElementById('otherPlace'));

要记住的一件事是 naver_sharebutton.js 文件没有托管在您的服务器上，因此如果他们决定更新脚本，您编写的任何代码都可能随时中断。

Naver 分享按钮脚本包括

Naver Share Button script include

javascript

social-networking