今天给大家讲解一下页面开发过程中的一个小技巧:如何处理破裂的图片
换句话说,如果图片没有加载成功会发生什么情况呢?
第一步:在 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