zoukankan      html  css  js  c++  java
  • $.load

    $("#body_center").css("display", "none");
    $("#header").load('../header.html'+new Date(), function () {
    console.log("hhhhh");
    $('#header').load('../header.html');
    // header_js();
    $("#body_center").css("display", "block");
    $.getScript("./js/index.js", function () {
    console.log("导入成功");
    header_js();
    })
    //加载公用的html
    $("#footer").load('../footer.html');
    $("#fixedBox").load('../fixedBox.html');
    })
    function load() {
    $.ajaxSetup({ cache: false });
    }

    //吐槽
    实际上$.load函数的使用,是使用了ajax远程请求数据的应用。
    所以使用时,不是很简单的导入某个文件。正确用法还需详细查阅api
    由于没有查阅仔细。中途在实际项目应用中,出现了诸多的坑。
    1.需要在开启服务后,$.load才会执行,有个url地址参数值,默认localhost,远程的话,写上相应的ip。
    2.IE兼容下$.load是不能执行的。原因很多。在url后添加个实时更换的时间戳可以兼容ie执行
    3.还是ie兼容下的问题,当我们很辛苦的让load在ie下执行后,虽然加载了html文件,但是里面的js却不执行
    !!尼玛。。用了$.getScript动态获取js标签,也不执行!!!尼玛。于是就想了上面的招,header_js 函
    数就是我们load 了header 内容后死活执行不了的js。

    注释:里面的dispaly none 和block的切换主要为了网页的头部中部尾部的一个上中下的加载顺序。

  • 相关阅读:
    es6基础系列二:Number
    es6基础系列一:let和const
    linux常用命令
    input 事件与汉字输入法:使用compositionend事件解决
    正则表达式
    php 调试环境配置(mac)
    前端实习生:10个月的总结
    人生路:程序员、飞行员?
    科三流水账
    阻止pc端浏览器缩放js代码
  • 原文地址:https://www.cnblogs.com/aryu/p/jquery.html
Copyright © 2011-2022 走看看