如何使用 jQuery 处理损坏的图像链接。 具体实施步骤

作者:无忧博主 2024-04-19 浏览:6
导读: 今天给大家讲解一下页面开发过程中的一个小技巧:如何处理破裂的图片 换句话说,如果图片没有加载成功会发生什么情况呢?...

今天给大家讲解一下页面开发过程中的一个小技巧:如何处理破裂的图片

换句话说,如果图片没有加载成功会发生什么情况呢?

第一步:在 HTML 页面中:

复制代码代码如下:

当您运行此页面时,您将看到损坏的图像。

第二部分:是一段JavaScript,其作用是:如果图片破损,会弹出错误信息:

复制代码代码如下:

$(函数(){

$('img').error(函数(){

警报('错误');

});

});

运行一下,看到了吗?

第 3 部分:接下来,我们要提高界面的用户友好性。 我们可以调用 attr 将这个破解图像替换为默认图像:

复制代码代码如下:

$(函数(){

$('img').error(函数(){

//警报('错误');

$(this).attr('src','http://www.gbtags.com/gb/networks/themes/img/logohover.png');

});

});

你见过极客标签的标志图标吗? 这样就可以实现分裂图的处理。

补充几句:其实jquery 1.8之前就提倡使用error,但是jquery 1.9之后就不太提倡了,不过还是可以用的,而且我个人觉得还是蛮方便的。

也可以用下面的方法代替:(error替换为on,后面跟一个参数)

复制代码代码如下:

$(函数(){

$('img').on('错误',function(){

警报('错误');

$(this).attr('src','http://www.gbtags.com/gb/networks/themes/img/logohover.png');

});

});

事实上,前面的error方法是on方法的快捷方式。

顺便说一下,如果在本地测试error方法,需要启动服务器,因为error方法需要检查资源是否可用。 比如这个test.html,启动服务器后需要在浏览器中输入:8080/test.html才能看到效果。

希望对大家有帮助,3Q!

几乎所有在Excel中可以进行的操作都可以在网页上进行,比如拖拽复制、Ctrl+C、Ctrl+V等。

另外,在浏览器支持方面,支持以下浏览器IE7+、FF、Chrome、Safari、Opera。

如何使用:

首先,在页面中引入jQuery框架和Handsontable插件的相关JS和CSS文件。 下面列出的两个是必需的,其他是可选的。 如果您需要某个功能,请添加它(参见演示)。

复制代码代码如下:

然后添加一个DIV层用于渲染Excel编辑表格

复制代码代码如下:

最后就可以初始化了

复制代码代码如下:

//数据

变量数据 = [

{id: 1, name: "Ted", isActive: true, 颜色: "orange"},

{id:2,名称:“约翰”,isActive:false,颜色:“黑色”},

{id: 3, 名称: "Al", isActive: true, 颜色: "red"},

{id:4,名称:“本”,isActive:false,颜色:“蓝色”}

];

//黄色渲染方法

var YellowRenderer = 函数(实例、td、行、列、属性、值、cellProperties){

Handsontable.TextCell.renderer.apply(this, 参数);

$(td).css({

背景:“黄色”

});

};

//绿色渲染方法

var greenRenderer = 函数(实例、td、行、列、属性、值、cellProperties){

Handsontable.TextCell.renderer.apply(this, 参数);

$(td).css({

背景:“绿色”

});

};

//初始化

var $container = $("#example1");

$container.handsontable({

数据:数据,

起始行:5,

列标题:正确,

最小备用行:1,

列: [

{数据:“id”},

{data: "name", type: {renderer: YellowRenderer}}, //黄色渲染

{data: "isActive", type: Handsontable.CheckboxCell}, //多选框

{数据:“颜色”,

type: Handsontable.AutocompleteCell, //自动完成

source: ["yellow", "red", "orange", "green", "blue", "gray", "black", "white"] //数据源

],

单元格:函数(行,列,道具){

if (行 === 0 && 列 === 0) {

返回{类型:{渲染器:greenRenderer}};

});

请注意,div 容器在加载后进行初始化:

演示代码:

复制代码代码如下:

前几天,在完成一个ssh框架项目时遇到了一个小问题。 情况是这样的。

私有变量在action中定义,并提供get()和set()方法,这些方法应该可以在js代码中访问。 所以我通过地址栏将js代码中的值传递给action对应的变量。 但是,如果变量值为中文,则action中的测试输出为“???”,但仍然可以显示在浏览器地址栏中。 中国人。

我首先根据网上的一些答案配置了tomcat的配置文件,但没有效果。 后来我想了想,也许这不是一个复杂的问题,很可能是编码的问题。 我的myeclipse和项目的编码都设置为“UTF-8”。 于是我尝试将项目和myeclipse编码都设置为“iso8859-1”,但还是不行。

如果这不起作用,我采取了更直接的方法并尝试在操作中转换获得的变量值(假设变量是字符串):

复制代码代码如下:

String newstring = new String(string.getBytes("iso8859-1"));

但是这样还是不行~~~~~~尝试了半天,发现我的想法是对的,不过合适的说法应该是这样:

复制代码代码如下:

String newstring = new String(string.getBytes("iso8859-1"),"utf-8");

ps:我先尝试转成GBK,然后发现字符可以显示,但是没人认识字符。 。 果然,“iso8859-1”对中文支持更好。

转载请注明出处:无忧博主,如有疑问,请联系(762063026)。
本文地址:https://www.wuyouseo.com/jianzhan/18382.html

相关文章