zoukankan      html  css  js  c++  java
  • JavaScript 动态加载页面 js文件

    JavaScript 代码:

    $(function(){
                $("body").scrollTop(0);
                var nt = !1;
                var h=window.innerHeight;
    
                function scroll(){
                    
                      $("#maindatajs_load [data-func]:not(isLoad)").each(function() {
                          var str = $("body").scrollTop()+h;
                        var htr=$(this).offset().top;
                        var df = $(this).attr("data-func");
                        var isLoad = $(this).attr("isLoad");
                        if(!isLoad && htr<=str && df!="" && df!= "undefined"){
                                console.log(df)
                               setTimeout(function(){
                                    platformfun[df](); 
                               },500);
                               
                               $(this).attr("isLoad", true);
                        }
                    
                     });
                }
                scroll();
                $(window).on("scroll", scroll);
            });

    HTML 代码:

    <div id="maindatajs_load">

        <div class="div-dom" data-func="code1"></div>

       <div class="div-dom" data-func="code2"></div>

       <div class="div-dom" data-func="code3"></div>

       <div class="div-dom" data-func="code4"></div>

       <div class="div-dom" data-func="code5"></div>

       <div class="div-dom" data-func="code6"></div>

    </div>

    data-func的值为需要加载的js文件名称或者js函数方法,当滚动页面时,判断 data-func属性的div是否显示在屏幕中,然后加载其对应的js文件

  • 相关阅读:
    PHP笔试题
    找工作的几种方式
    ThinkPHP3.2.3学习笔记5---模板(一)
    PHP7新特性
    了解Web Uploader
    什么是云购网
    使用PDO操作数据库的好处
    MySQL与MongoDB的区别
    显示和编辑注解
    自定义验证逻辑
  • 原文地址:https://www.cnblogs.com/asbefore/p/6137567.html
Copyright © 2011-2022 走看看