用php如何在网页上显示数据,php - 我应该如何尝试在网页上显示动态数据? - SO中文参考 - www.soinside.com...

这个博客展示了如何使用JavaScript从列表中随机选取引号,并将其插入页面元素中。通过这种方法,可以实现页面的静态化或有效缓存。示例代码提供了一个简单的实现,讨论了如何扩展功能,如添加按钮来获取更多引号。该教程适合初学者,特别是对前端开发感兴趣的人。
摘要由CSDN通过智能技术生成

虽然我对Java并不是那么厌烦。这是一种使用javascript列表并选择了随机项目的方法。每次刷新页面时,都会随机选择一个引号并将其插入带有引号ID的段落中。

这种方法的优点是可以有效地对页面进行静态/缓存。

如果报价单很长,则可以通过http请求将其拉入(请参阅JSON)。我将让您研究如何添加按钮以获取其他报价。

此示例是一个很好的起点。如果这是草率的javascript,请随时进行编辑,但请尽量不要放松此解决方案的简洁性。

var quotes = [

"There's theory and then there's application. They don't always jibe.",

"That man's in a lot of trouble.",

"What can I say? To us it's a slime pit, but to them it's home."

];

function get_random_quote() {

var randomItem = quotes[Math.floor(Math.random()*quotes.length)];

return randomItem;

}

document.addEventListener("DOMContentLoaded", function(event) {

document.getElementById('quote').textContent = get_random_quote();

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值