JavaScript实现友链随机顺序

很久之前写的，最近时间比较紧张，只能先更新一下之前的东西

提示：为确保兼容性，请同时将友情链接代码写入html，不要完全靠JavaScript显示

// 定义信息
var friends = [];
var bugcoder = {
        "href": "https://bugcoder.asia/",
        "name": "写bug的代码人",
        "avatar": "https://bugcoder.asia/headLogo.jpg",
        "description": "没有比这再简陋的网站了"
    };

// 这里将信息传入friends数组
friends[0] = bugcoder;

function create(name,img,link,des) {
    var total = document.createDocumentFragment(),
          temp = document.createElement('div');
// 这里是友情链接的html代码
temp.innerHTML = '<div class="article"><h2><span><img width="12%" height="12%" src="' +img+ '"></span><a href="' +link+ '">&nbsp;' +name+ '</a></h2><p>'+des+'</p></div>';
    while (temp.firstChild) {
        total.appendChild(temp.firstChild);
      }
        return total;
    }

// 打乱数组顺序
friends.sort(function(a, b){return 0.5 - Math.random()});

// 遍历数组
var i = 0,
    len = friends.length;
while (i < len){
    var name = friends[i].name;
    var link = friends[i].href;
    var img = friends[i].avatar;
    var des = friends[i].description;
    var link = create(name,img,link,des);
    document.getElementById("links").appendChild(link);
    i++;
}

Posted 2023-10-02 21:25 写bug的代码人

本文标签：

本文总阅读量?次

文章作者 写bug的代码人

文章链接 https://bugcoder.asia/article/019.html

声明本博客中的所有文章均使用《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》协议授权，转载需注明来源，所有代码均使用MIT开源协议

写bug的代码人的博客

JavaScript实现友链随机顺序