前端 方法标签属性小记

版权声明:路漫漫其修远兮,吾将上下以求索。 https://blog.csdn.net/qq_38005982/article/details/84890066

目录

* 文本框灰色提示点击消失属性:placeholder

* 点击事件传多个参数与点击时调用2个方法的写法:onclick

* 多选框通过name元素取勾选的值和勾选的个数

 * IE8不支持字符串走Date方法转换时间会报错NaN : var data=new Date(“2018-01-02”); 

* jsp兼容IE7,8等的表头书写方式

* jQuery判断浏览器是谷歌还是IE版本


* 文本框灰色提示点击消失属性: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');

};

//--------------------------------------------------------------------------------------------------------------------------------------------//

猜你喜欢

转载自blog.csdn.net/qq_38005982/article/details/84890066
今日推荐