如何优先加载js,再加载html

JavaScript033

如何优先加载js,再加载html,第1张

思路:当滚动条到达底部时,调用js方法去加载数据

代码如下:<div style="height:1600pxborder:1px solid red">设高度模拟滚动</div>

//引入js

<script src="

</script>

<script type="text/javascript">

$(function () {

   $(window).scroll(function () {

      //浏览器所能看到的页面的那部分的高度

      var winH = $(window).height()

      var scrH = $(window).scrollTop()//滚动的高度

      //获取整个页面的高度 htmH为设置的滚动到的高度位置

      var htmH = $(document).height() - 100

           //可见高度+滚动高度 超出 设置的高度,触发方法

      if (winH + scrH >= htmH) {

//到达底部-100的高度,触发方法

alert(1)

      }

   })

})

</script>

jsp中是先编译“java代码”为静态代码,之后从代码第一行开始一直扫描到到代码最后一行。

解释:jsp是可以动态加载的,也就是说jsp变更不需要重启项目,如果里面有java代码的话,加载jsp的时候先编译java代码,如果有错误,直接抛出错误,不继续运行。如果没错误的话,扫描出body中的代码显示到页面,之后再加载js。

脚本中写

function bindEvent(obj,etype,lfun,bbind)/* bind event ro element (etype不含on)(bbind: true:bindflase:unbind) */

{

if(bbind){

if(window.attachEvent){obj.attachEvent("on"+etype,lfun)}//ie

    else{obj.addEventListener(etype,lfun,false) }//火狐

    }else{

    if(window.detachEvent){obj.detachEvent("on"+etype,lfun)}

    else{obj.removeEventListener(etype,lfun,false) }}

}/*这一段单独放在一个<script>标签里,最先加载,用来控制其他的加载

bindEvent(window,"load",function(){/*这里写你加载完网页后要干的事情*/},true)/*每个脚本前面加上这句*/

如果还有其他问题请追问