目录
* 点击事件传多个参数与点击时调用2个方法的写法:onclick
* IE8不支持字符串走Date方法转换时间会报错NaN : var data=new Date(“2018-01-02”);
* 文本框灰色提示点击消失属性:placeholder
<input type="text" name="loginName" placeholder="邮箱/手机号/QQ号">
HTML5新提供的一个属性,可以在文本框里有一行默认值,而且不编辑的情况下,value就不会把它当成默认值,缺点是在获得焦点时不会消失,只有在输入东西的时候才会消失,不支持IE6、7、8、9
//--------------------------------------------------------------------------------------------------------------------------------------------//
* 点击事件传多个参数与点击时调用2个方法的写法:onclick
传多个参数吧我做了小测试直接在onclick里给了值。如下:
<button onclick="ss('123','234','345')">
然后在js中取得123的值并输出:如下
function ss(id,ss,sss) {
alert(id); 输出成功了输出的123;
}
这说明onclick可以传递多个参数,切记以逗号隔开
---------------------------------------------------
这是一个onclick有两个方法,其实我觉得有点鸡肋,因为我可以在一个方法里修改onclick的属性再点击一次进入另一个方法
先声明这种有两个方法的点击一下是同时调用。。。。有啥用真没发现:代码如下
<button onclick="ss();sss()">
同时调用感觉和一个onclick没啥区别,以分号隔开
//--------------------------------------------------------------------------------------------------------------------------------------------//
* 多选框通过name元素取勾选的值和勾选的个数
下面是通过name获取勾选数量的代码:
$("input[name='xuanze']:checked").length 这个直接就是获取被勾选的数量
下面是通过name获取勾选的value,我是把value直接设在了input的value里,没办法因为某些特殊原因,值在script里为空,具体原因就不说明了:
$("input:checkbox[name='xuanze']:checked").each(
function(){
var countryCode=$(this).val();
});
这是一个类似for循环不停遍历被勾选的通过this的val接收!
//--------------------------------------------------------------------------------------------------------------------------------------------//
* IE8不支持字符串走Date方法转换时间会报错NaN : var data=new Date(“2018-01-02”);
我们需要将一串代码复制进去,进行转换才可以,代码如下:
function parseISO8601(dateStringInRange) {
var isoExp = /^\s*(\d{4})-(\d\d)-(\d\d)\s*$/,
date = new Date(NaN), month,
parts = isoExp.exec(dateStringInRange);
if(parts) {
month = +parts[2];
date.setFullYear(parts[1], month - 1, parts[3]);
if(month != date.getMonth() + 1) {
date.setTime(NaN);
}
}
return date;
}
然后调用方法将参数放入parseISO8601的参数里就行可以完成转换了
//--------------------------------------------------------------------------------------------------------------------------------------------//
* jsp兼容IE7,8等的表头书写方式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">//这个也很重要因为新版的表头进行了修改
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" /> //这是关键如果你要兼容IE7,就将8改为7怎样改都可以
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> //这是编码格式,UTF-8嘛!
<meta name="viewport" content="width=device-width" /> //这是控制页面为全屏大下,因为屏幕兼容问题嘛,这个不重要顺手带的
这是不兼容的代码头
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
//--------------------------------------------------------------------------------------------------------------------------------------------//
* jQuery判断浏览器是谷歌还是IE版本
网上扒的。。好多。自己用就好
写在$(function() {};里的
/-------------------IE的
if ($.browser.msie) { //浏览器内核标识
alert( $.browser.version); //浏览器的版本号
}
/-------------------谷歌的
var isChrome = navigator.userAgent.toLowerCase().match(/chrome/) != null; //获取浏览器类型判断是否包含谷歌标识
if (isChrome) { //isChrome包含为true,不包含为false
alert('Chrome');
};
//--------------------------------------------------------------------------------------------------------------------------------------------//