在页面加载时以不同的顺序显示html链接

本文关键字：顺序 显示 html 链接 加载 | 更新日期: 2023-09-27 18:23:51

我当前在div中有一堆静态链接，但在页面加载时更改了链接的顺序后，Im。

我曾考虑过在代码后面的链接中使用文字和循环，但我被难住了。也许是中继器。。。请把我推向正确的方向！

我对这方面还很陌生，所以如果有任何帮助，我将不胜感激。感谢

（c#或vb.Net）

在页面加载时以不同的顺序显示html链接

好吧，假设您将链接存储在links.txt文件中，因为例如可能有数百个链接。。

1. Create the .txt file
2. Make note of the file location.
3. Save the file with the links in them
4. use this code in your project to load the links 
List<string> strUrlLinks = new List<string>(File.ReadAllLines(FilePath + FileName.txt));

在代码中，您可以将鼠标悬停在strUrlLinks上，然后您将看到链接要访问单个链接，请根据它的[Index]位置

我知道你在c#或vb.net中询问了答案，可能对此有一些技术限制，但考虑到链接已经在页面上硬编码，在jQuery中创建此功能几乎是微不足道的。

请参阅下面的示例，该示例按照链接文本的降序进行排序。

<html>
<head>
<title></title> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>
<div id="linksContainer">    
<a href="page1.asp" class="1">Line 1</a>
<a href="page3.asp" class="3">Line 3</a>
<a href="page2.asp" class="2">Line 2</a>
</div>
<script type='text/javascript'>
$(window).load(function(){
var orderDivLinks = function(desc) {
    $('div#linksContainer').children().detach().sort(function(a,b) {
           var compA = $(a).text();
           var compB = $(b).text();
           return (compA < compB) ? -1 : (compA > compB) ? 1 : 0;
    }).appendTo(document.body);
}
orderDivLinks(0);
});
</script>
</body>
</html>
相关文章：