linux下如何让网站支持用一个连接加载多个CSS或者JS文件

html-css014

linux下如何让网站支持用一个连接加载多个CSS或者JS文件,第1张

js做按需加载,只导入一个js文件,然后这个js里面处理载入更多js,教程百度可以搜到很多

css里面可以再包含css,比如你网页里面引用:style.css

然后用在@import语句,里面可以再包含其他样式表:

@import "base.css"

@import "forms.css"

<div class="listclass">

<ul id="listlistssssss">

<li></li>

<li></li>

<li></li>

</ul></div>

<script src="js/dropload.min.js"></script>

<script type="text/javascript">

var u = navigator.userAgent, app = navigator.appVersion

var isAndroid = u.indexOf('Android') >-1 || u.indexOf('Linux') >-1//android终端或者uc浏览器

//var isiOS = !!u.match(/\(i[^]+( U)? CPU.+Mac OS X/)//ios终端

/*alert('是否是Android:'+isAndroid)

alert('是否是iOS:'+isiOS)*/

$(function(){

// 页数var page = 0

// 每页展示10个

var size =5

// dropload

$('.listclass').dropload({

scrollArea : window,

loadDownFn : function(me){

page++

// 拼接HTML

var result = ''

$.ajax({

type: 'get',

url: "text.txt",

dataType: 'text',

success: function(data){

//alert(222)

var arrLen = data.length

if(arrLen >0){

//for(var i=0i<arrLeni++){

//var html = $("#listlist").html()+data

// alert(html)

$('.dropload-refresh').html('加载更多...')

$('.dropload-refresh').css('font-size:','1.875rem')

// me.resetload()

// }

// 如果没有数据

//alert(arrLen )

}else{

// 锁定

me.lock()

// 无数据

me.noData()

}

// 为了测试,延迟1秒加载

// setTimeout(function(){

// 插入数据到页面,放到最后面

// $('.listclass').append(result)

$('#listlistssssss').append(data)

// 每次数据插入,必须重置

me.resetload()

// },1000)

},

error: function(xhr, type){

alert('Ajax error!')

// 即使加载出错,也得重置

me.resetload()

}

})

}

})

})

</script>