美高梅4858-美高梅4858mgm-[官方网站]

2020年1月

jQuery/原生JS 监听图片加载完成/加载失败 事件

假设有以下 HTML 代码

<img id="img" src="./logo.png" alt="这是图片概况"/>

jQuery 版:

jQuery 监听图片加载完成事件

$("#img").on("load", function(){
    console.log("图片加载完成了");
});

jQuery 监听图片加载失败事件

$("#img").on("error", function(){
    console.log("图片加载失败");
});

jQuery 监听图片加载完成/加载失败事件 简化版代码

$("#img").on("load", function(){
    console.log("图片加载完成了");
}).on("error", function(){
    console.log("图片加载失败");
});

原生 美高梅4858mgm 版:

var img_selector = document.querySelector("img");//查询 id 为 img 的节点

//监听图片加载完成事件
img_selector.addEventListener("load", function(){
    console.log("图片加载完成事件");
});

//监听图片加载失败事件
img_selector.addEventListener("error", function(){
    console.log("图片加载失败事件");
});

简化版代码

var img_selector = document.querySelector("img");//查询 id 为 img 的节点

//监听图片加载完成事件
img_selector.onload = function(){
    console.log("图片加载完成事件");
};

//监听图片加载失败事件
img_selector.onerror = function(){
    console.log("图片加载失败事件");
};

记一次 ThinkPHP6 环境变量定义文件配置

默认安装后的根目录有一个 .example.env 环境变量示例文件,你可以直接改成 .env 文件后进行修改。

我理解有误,我以为只要是 .env 后缀的文件系统就可以自动载入,结果就是将 .example.env 改成 .env 文件名,然后将它放到网站的根目录,与 think 文件同级,如图:
Snipaste_2020-01-24_08-04-28.png

然后可以通过 env 助手函数测试下 env('database.type') 看是否正常输出

XML 地图 | Sitemap 地图