Question

如何让一个网页一次性加载完所有内容，而不是每一次点击一下加载一部分，以下为网页源代码。

var tabid = 1;
var page = "1";
var paypwd = "";
var idcard = "";
var rkeys = "";
hui.tab('.hui-tab');//参数为一个选择器用来选择选项卡外层

//单击 切换内容
hui('.tab_item').click(function () {
tabid = hui(this).attr('data-type');
//hui.resetLoadMore();//重置加载更多状态
$('#data-list').html("");
hui.loading('加载中...');
page = "1";
get_more();
$("#hui-load-more").hide();
});
//加载事件
//hui.loadMore(get_more);
$("#loadbtn").click(function () {
$(this).html("加载中...");
get_more();
});
//加载更多
function get_more() {
hui.post(
'../ajax/account_ajax.ashx?action=trade_list',
{ page_index: page, typeid: tabid },
function (res) {
hui.closeLoading();
//判断加载完毕
var data = res.split('##<tr');
if (data.length == 2) {
$('#data-list').append("<tr" + data[1]);
page = data[0];
//hui.endLoadMore();
if (page == "0") {
$("#loadbtn").hide();
}
$("#loadbtn").html("加载更多");
}
}
);
}

hui('.dz-bottom-null').hide();
//下拉刷新
hui.refresh('#refreshContainer', refresh);
function refresh() {
hui.resetLoadMore();//重置加载更多状态
hui.post(
'../ajax/account_ajax.ashx?action=trade_list',
{ page_index: '1', typeid: tabid },
function (res) {
var data = res.split('##<tr');
if (data.length == 2) {
$('#data-list').html("<tr" + data[1]);
page = data[0];
if (page == "0") {
$("#loadbtn").hide();
}
}
hui.endRefresh();
},
function () {
hui.toast('连接服务器失败！');
hui.endRefresh();
}
);
}

Answer 1

这个问题我认为包括两个方面，一个方面是网页的容量，容量太大的无法一次加载全部。

另一方面在设置，浏览器的设置决定你的加载容量，例如我在使用微博的时候设置上可能自己设置:一次性加载:5条，10条，15条……等选项，具体看浏览器设置就可以了。