Web开发经验技巧
1.form表单的action值要是全ip路径的话要添上http://
2.要上传图片等文件时，form表单中要添加属性值enctype= "multipart/form-data"
3.使用前端技术设计后台框架
jquery的include代替frameset、iframe
http://lvmy.iteye.com/blog/1487733
http://blog.sina.com.cn/s/blog_734073c901013ntd.html
4.<input type="file" accept="image/jpeg,image/gif,image/png" />
在文件上传控件中通过accept过滤选择图片文件类型，在弹出选择框显示文件有用，实际上传后台还要进行文件类型检测
5.<a href=""></a>
a标签的状态：
link:连接平常的状态
visited:连接被访问过之后
hover:鼠标放到连接上的时候
active:连接被按下的时候
6.光标形状css属性cursor值:
default 默认的箭头
pointer 手形
text 指示文本
move 指示可移动
help 问号或者气球
wait 沙漏或表
crosshair 十字线
auto 浏览器设置的默认形状
7.设置button无法点击是通过disabled属性的设置,
$("input:button").attr('disabled','true');//设置button无法点击，disabled的值为true或false效果一致
$("input:button").removeAttr('disabled');//恢复button的点击效果
========================JQuery篇================================
1.jquery判断对象是否存在用length属性:
if($("#div1").length > 0){
alert("div1存在!!!");
}else{
alert("div1不存在!!!");
}
2.为页面未来添加的元素注册事件函数用delegate方法
$(function(){
$("body").delegate('.class1','click',function(){alert('ok!')});
})
3.$.ajax()使用方法
$(function(){
$('#send').click(function(){
$.ajax({
type: "GET",
url: "test.json",
data: {username:$("#username").val(), content:$("#content").val()},
dataType: "json",
success: function(data){
}
});
});
});
4.jquery数组循环操作用map或each
①键值对数组的操作使用.each()
例如:
var arr = { "jim": "11", "tom": "12", "lilei": "13" };
$.each(arr, function(key, value){
alert("姓名："+key+"年龄："+value);
}
);
或者
$("button").click(function(){
$("li").each(function(){
alert($(this).text())
});
});
②普通索引数组使用.map()
例如:
var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1];
var newarr = $.map(arr, function(item) {return item*2 });
alert(newarr);
5.js创建键值对数组
var arr=new Array();
arr["name"] = "jack";
arr["name"] = "jack";
$.each(arr,fuction(key,value){
alert(key+"="+value);
})
6.js创建对象
var obj = {};
obj.name = "jack";//或obj["name"] = "jack";
alert(obj.name);
7.js中有关json格式数据的操作函数JSON.stringify()和JSON.parse()
①用JSON.stringify()将对象转化为json格式数据
例如
var data = new Object(); data.name = "jack"; data.sex = "1"; data.age = 10; data= JSON.stringify(data);
②用JSON.parse将json化的字符串转换为对象
例如:
var str = '{"name":"jack","age":"10"}';
JSON.parse(str);
/*
Object
name: "jack"
age: 10
__proto__: Object
*/
8.js 字符串转整数函数
parseInt(string)
9.jquery动态添加元素方法:
①append()方法，在元素内部末尾添加元素
$("ul").append("<li>追加到末尾</li>")
②prepend()方法，在元素内部头部添加元素
$("ul").prepend("<li>追加到头部</li>");
③after()方法，在元素外部直接后面添加元素
$("#li1").after("<li id='li2'>22222</li>");
④before()方法，在元素外部直接前面添加元素
$("#li2").before("<li id='li1'>11111</li>");
