javascript - 修改功能以链接到下一篇和上一篇文章

标签 javascript blogger

我的博客网站上有一个 JavaScript 按钮,可将您带到随机帖子。它的代码如下。有没有办法更改此代码以将用户带到下一篇或上一篇文章?

<span class="ranlink" id="myLuckyPost"></span> 
<script type="text/javascript">
function showLucky(root) {
    var feed = root.feed;
    var entries = feed.entry || [];
    var entry = feed.entry[0];
    for (var j = 0; j < entry.link.length; ++j) {
        if (entry.link[j].rel == 'alternate') {
            window.location = entry.link[j].href;
        }
    }
}
function fetchLuck(luck) {
    script = document.createElement('script');
    script.src = '/feeds/posts/summary?start-index=' + luck + '&max-results=1&alt=json-in-script&callback=showLucky';
    script.type = 'text/javascript';
    document.getElementsByTagName('head')[0].appendChild(script);
}
function feelingLucky(root) {
    var feed = root.feed;
    var total = parseInt(feed.openSearch$totalResults.$t, 10);
    var luckyNumber = Math.floor(Math.random() * total);
    luckyNumber++;
    a = document.createElement('a');
    a.id = 'navlink';
    a.href = '#random';
    a.rel = luckyNumber;
    a.onclick = function () {
        fetchLuck(this.rel);
    };
    a.innerHTML = 'Random Song';
    document.getElementById('myLuckyPost').appendChild(a);
}
</script>
<script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script>

最佳答案

我不确定您的网址格式。但根据你的脚本,它必须与 luckyNumber 有关:

var luckyNumber = Math.floor(Math.random() * total);

因此将此随机数更改为相应的下一篇/上一篇文章的编号将解决您的问题。

关于javascript - 修改功能以链接到下一篇和上一篇文章,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10429275/

相关文章:

使用嵌套数组减少 Javascript

java - 如何使用 JavaScript 显示托管 bean 的计时器?

html - 在 Blogger 中使用相对链接

html - 删除评论框 Blogger 并希望再次启用

javascript - 如何从 Electron 的渲染器中获取 Node 模块?

php - 将数组从 php 传递到 javascript

javascript - 使用数据库中的数据从外部 Javascript 动态填充 DIV

regex - 将博主网址转发到自己的域网址

html - 如何在字体超赞图标链接下方添加添加文本?

javascript - 在博客文章中加载 jQuery 会导致它卡住