改变元素的样式
 
var  changeStyle = function(elem,name,value){
     elem.style[name] = value;
}
 

空位补零

 
function  toDouble(num)
{
     if(num<10)
     {
          return  "0"+num;
     }    
     else
     {
          return  ""+num;
     }
}
 
 
将getDay()变得正常点
 
function toChinese(day)
     {
          switch(day)
          {
               case 0: return '周日';
               case 1: return '周一';
               case 2: return '周二';
               case 3: return '周三';
               case 4: return '周四';
               case 5: return '周五';
               case 6: return '周六';
          }
     }
 
一般使用时:var oDate = new Date();     var   str = toChinese(oDate.getDay());
 
typeof的应用~~~查看变量的类型   (这个实例是仿jquery的工作原理的原生js--------严重缩水版的vQuery选择器)   
  
由typeof检查的常用类型有:number   string    boolean   function    object    undefined
 
   <script>
   function $(vArg)
     {

if(typeof vArg == 'function')
              {

                   window.onload = vArg;    
              }
          else if(typeof vArg == 'string')
             { 
                   return  document.getElementById(vArg);
             }
           else if(typeof vArg == 'object')
             {
                     return vArg;
            }
     }
 
$(function(){
          $('div1').onclick = function(){
               $(this).style.background = 'red';
          };
     })
     </script>
 
//而下面这段就是jquery的源码
 /*$(function(){
          $('#div1').click(function(){
               $(this).css('background','red');
          })
     })*/

 
 
arr.sort,因为sort方法--------默认的,将所有的东西都是作为字符串处理来进行排序
 
当你要排序的是“数字”时,给它一个参数
 
var arr = [12,34,2,19,78];
 
arr.sort(function(num1,num2){
          if(num1<num2)
          {
               return -1;             //第一个比第二个靠左
          }
          else if(num1>num2)             //右
          {
               return 1;
          }
          else                    //一样
          {
               return 0 ;
          }
         
     });
 alert(arr);
 
 
 
var arr = [12,34,2,19,78];
 
arr.sort(function(num1,num2){
          return  num1-num2;
     });
 alert(arr);
 
 
如果要排序的是中文字
 
var arr = ['张三','李四','王五','流星'];
    
     arr.sort(function(str1,str2){
          return  str1.localeCompare(str2);
     });
    
     alert(arr);
 
 
5、toString的用法
 
function  show()
{
          alert('a');
 }
show.toString = function()
{
          return '就不让你弹出来';
 }
alert(show);
 
当你不加show.toString这个,会弹出show这个函数的源代码~而加入toString,实际是重用了这个方法
 
而这边toString只有数字在用的,才能带参数,如下:
 
var num=255;
alert('#'+ num.toString(16));     这是变成16进制的,也可以变成任意进制的(将会用在颜色渐变的上)
 
 
找一个数组里面是否有一个数字
 
function  hasContain(arr,num)
{
     var i =0;
     for(i=0;i<arr.length;i++)
     {
          if(arr[i]==num)
          { 
               return  true;
          }
     }
     return false;
}
 
 
绑定事件的函数(解决attachEvent和addEventListener兼容性问题的方案
 
if(oBtn.attachEvent)
          {
               oBtn.attachEvent('onclick',aaa);
               oBtn.attachEvent('onclick',bbb);
          }
 else
          {
               oBtn.addEventListener('click',aaa,false);
               oBtn.addEventListener('click',bbb,false);
          }
 
改为
function  myAddEvent(obj,sEvent,fn)             //绑定事件
     {
          if(obj.attachEvent)
          {
               obj.attachEvent('on'+ sEvent,fn);
          }
          else
          {
               obj.addEventListener(sEvent,fn,false);
          }
     }
 

myAddEvent(oBtn,'click',aaa);
     myAddEvent(oBtn,'click',bbb);

 
 
点击页面的标签,弹出标签的名称
 
html:
     <div id="div"><span>SPAN</span>DIV</div>
     <span>SPAN</span>
     <p>P</p>
 
css:

div{ background:#0000FF;width:100px;height:100px;}
span{ background:#00FF00;width:100px;height:100px;}

p{ background:#FF0000;width:100px;height:100px;}
 
js:
document.onclick = function(evt){
     var  e = window.event ||   evt;
     var  tag = e["target"] || e["srcElement"];       //这一句一般都会写成这样      var  tag = e.target || e.srcElement;
     alert(tag.tagName);
}     
 
ie用e.srcElement,ff用e.target(都是表示被点击的对象)
 
而evt是什么呢?先说说原因,window.event 只能在IE上运行,而不能在火狐中实现,这是因为火狐的event只能在事件发生的现场使用。
而这个问题的解决方案:在事件发生的函数上加上event参数,在函数体内(假设形参为evt)使用 。
 
js对table的偶数行划过变色(其中有遍历table)
 
window.onload = function(){
             var oTable = document.getElementById('tb');
             for(var i=0; i<oTable.rows.length; i++)
             {  
                    if(i%2==0)
                    {
                         oTable.rows[i].onmouseover = function()
                         {
                              this.style.backgroundColor  = '#ffff66';
                         }
                         oTable.rows[i].onmouseout = function()
                         {
                              this.style.backgroundColor = '#d4e3e5';
                         }
                    }
               }
          }

常见的js函数的更多相关文章

  1. js函数常见的写法以及调用方法

    写在前面:本文详细的介绍了5中js函数常见的写法以及调用的方法,平时看别人代码的时候总是看到各种不同风格的js函数的写法.不明不白的,找了点资料,做了个总结,需要的小伙伴可以看看,做个参考.1.常规写 ...

  2. 常见的JS手写函数汇总(代码注释、持续更新)

    最近在复习面试中常见的JS手写函数,顺便进行代码注释和总结,方便自己回顾也加深记,内容也会陆陆续续进行补充和改善. 一.手写深拷贝 <script> const obj1 = { name ...

  3. Js函数function基础理解

    正文:我们知道,在js中,函数实际上是一个对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法.因此,函数名实际上是指向函数对象的指针,不与某个函数绑定.在常见的两种定 ...

  4. api日常总结:前端常用js函数和CSS常用技巧

    我的移动端media html{font-size:10px} @media screen and (min-width:321px) and (max-width:375px){html{font- ...

  5. js,JavaScript,a标签onclick传递参数不对,A标签调用js函数写法总结

    错误示例: <a href="javascript:waterLineEdit(${goods.goods_id})" >修改 </a> <!-- 浏 ...

  6. js函数前加分号和感叹号的作用

    js函数前加分号和感叹号是什么意思?有什么用? 一般看JQuery插件里的写法是这样的 (function($) { //... })(jQuery); 今天看到bootstrap的javascrip ...

  7. 2018.8.17 关于JavaScript的几种常见的全局函数

    JavaScript常见的全局函数 <!doctype html> <html lang="en"> <head> <meta chars ...

  8. js函数的属性和方法

    js函数的属性和方法 前面的话 函数是javascript中特殊的对象,可以拥有属性和方法,就像普通的对象拥有属性和方法一样.甚至可以用Function()构造函数来创建新的函数对象.本文是深入理解j ...

  9. python爬虫的一个常见简单js反爬

    python爬虫的一个常见简单js反爬 我们在写爬虫是遇到最多的应该就是js反爬了,今天分享一个比较常见的js反爬,这个我已经在多个网站上见到过了. 我把js反爬分为参数由js加密生成和js生成coo ...

随机推荐

  1. Eclipse下PHP开发 插件安装

    PHPeclipse是什么? PHPeclipse是Eclipse的一个插件,它为php开发人员提供了一个集成的开发环境.Eclipse官方下载地址:http://www.eclipse.org/ P ...

  2. UVALive 3977

    直接搜索,简单题: #include<cstdio> #include<cstring> #include<cmath> #include<algorithm ...

  3. rsync 文件校验及同步原理及rsync server配置

    参考:http://rsync.samba.org/how-rsync-works.html 我们关注的是其发送与接收校验文件的算法,这里附上原文和我老婆(^_^)的翻译: The Sender Th ...

  4. java.util.ResourceBundle

    转载自: http://lavasoft.blog.51cto.com/62575/184605 这个类提供软件国际化的捷径.通过此类,可以使您所编写的程序可以:          轻松地本地化或翻译 ...

  5. Core Java Interview Question Answer

    This is a new series of sharing core Java interview question and answer on Finance domain and mostly ...

  6. JsRender系列demo(5) for else

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  7. python之self (转)

    首先明确的是self只有在类的方法中才会有,独立的函数或方法是不必带有self的.self在定义类的方法时是必须有的,虽然在调用时不必传入相应的参数. self名称不是必须的,在python中self ...

  8. RN学习1——前奏,app插件化和热更新的探索

    react_native_banner-min.png React Native(以下简称RN)有大量前端开发者的追捧.前端开发是一个活跃的社区,一直尝试着一统前后端,做一个全栈开发,RN就是他们在客 ...

  9. org.apache.common.io-FileUtils详解

    org.apache.common.io---FileUtils详解 getTempDirectoryPath():返回临时目录路径; public static String getTempDire ...

  10. SSL/TLS/WTLS原理

    一 前言 首先要澄清一下名字的混淆:1 SSL(Secure Socket Layer)是netscape公司设计的主要用于web的安全传输协议.这种协议在WEB上获得了广泛的应用.2 IETF(ww ...