<--目录-->

1、js存在形式及其它

2、函数

3、自执行函数

4、jquery3添加事件

5、jquery自动增减样式

6、返回顶部

7、滚动条

8、×××灯

9、搜索框

js存在形式及其它

     			
      		
       测试js		
       				    
       		    
       	    
       	    
       	    	    
       	    
       	    	    
       
        内容	  	   
        	    	    
        
         	    	
         	    	
         	    	
          
         	    	    	    
         
          	    	function Foo(){	    		document.getElementById('F1').submit(); //找到这个id，并提交这个id	    	}	    	    	            
          	    
          	   
          	   	   
            
          	   	   
          	   	   
          	   			    	    

函数.js

//alert('杨过');//这是单行注释/* 这是多行注释 name=123   全局变量设置 var name=123   局部变量设置 * *///函数变量，函数声明，函数返回值name = '123'tes = 'test1' Foo('wsyht1','wsyht2','wsyht3') //赋值第1、2、3位参数Bar()Bat()function Foo(name1,name2){   //传第1、2位参数	var name3 = arguments[2];var name4 = arguments[3];  //声明第3、4位参数，不推荐使用	console.log(name1);	console.log(name2);	console.log(name3);console.log(name4);    //加分号写多条语句，输出3、4位参数，第四位没有赋值，则会输出没有定义	return console.log(name1);}function Bar(){	tes = 'test2';	console.log(name);	console.log(tes);}function Bat(){	var name = '456' ;	console.log(name);  }

自执行函数

/*var temp = function(){ //匿名函数	}*///自执行函数，不用调用，自已去执行/*(function(){	console.log('hello world');	})()*//*(function(name){	console.log(name);	})('wsyht')*///声明数组//var arry = arry(12,3,4,5)/*var arry = [1,2,3,4]arry.push('wsyht');console.log(arry);arry.unshift('wsy');console.log(arry);arry.splice(1,0,'ht');   //在1后面插入数字ok，0代表插入不删除的意思 console.log(arry);arry.splice(100,0,'ok'); //在100后面插入数字ok，0代表插入不删除的意思 console.log(arry);*///a = [1,2,3]//a[10] = 9//a//names = [1,22,33,44,55,66]//names.slice(1,5) //取第1位后面的所有数字//dic = {'name':'wsyht','age':18}//dic = {'name':{'xx':'oo'},'age':18}//第一种for循环var array = [11,22,33,44,55]var dict = {'name':'wsyht','age':19}/*for(var item in array){	console.log(item)}for(var item in dict){	console.log(dict[item])}*///第二种for循环/*for(var i=0;i

js添加事件

     			
      		
       				
       
I would like to say：
				
       		
       				
       		
        
         			$(function(){				$('#addId1,#addId2').click(function(){    //给id1和id2都创建追加事件					var currentId = $(this).attr('id');	  //this:获得点击的div，attr：获得点击的div的id的属性赋值给currentID					if(currentId == 'addId1'){    //如果是id1						//$('p').append('wsyht ');  //p标签添加wsyht						//$('p').text('I would like to say：wsyht '); //覆盖添加wsyht						$('p span').text('wsyht')  //p标签下的span标签覆盖添加wsyht					}else if(currentId == 'addId2'){  //如果是id2						//$('p').append('jenkins '); //p标签添加jenkins						//$('p').text('I would like to say：jenkins ');  //覆盖添加jenkins						$('p span').text('jenkins')   //p标签下的span标签覆盖添加jenkins					}else{											}																								}); 			})

js自动增减样式

     			
      		
       jquery		
       								
       						
       
         1234
        123		
        				
         				
          
  //下划线				
          
           dddddd 
           
            aaaa 
            
             bbbbb 
              
               
               
                 /* var text = $('#id1').text();  //获取id1文件内容，test()不设置参数是取值，设置了参数是赋值 var html = $('#id1').html();  //获取id1html console.log(text);  //输出内容 console.log(html);  //输出html $('#id1').text('wsyht');  //赋值 */ /* var data = $("input [ name = 'username' ]").val() console.log(data); $("input [ name = 'username' ]").val('python') */ var data = $("input[name='username']").attr('name'); console.log(data); $("input[name='username']").attr('name','ok'); //$("input[type='checkbox']").prop('checked',true);  //默认给复选框打勾 $("input[type='checkbox']").prop('disabled',true);   //复选框不可用 function Foo(){ //$('.c1').addClass('c2'); //为所有class=c1的标签再加上c2的样式功能 $('.c1').toggleClass('c2');   //只要一点击，就会自动添加或删除c2的样式功能 }

js返回顶部

     			
      		
       		
       										
       				
       		
       
        返回顶部						
        
         asd				
         		
          
            $(function(){ //当页面加载完成之后，默认执行该函数 $('#return_top').click(function(){ $(window).scrollTop(0);   //0返回顶部，顶部数字为0 }) }) $(window).scroll( function(){   //当页面滚动条滚动时执行的函数 //console.log(123); var height = $(window).scrollTop();   //获得当前所在高度 if(height>0){ //显示返回顶部 $('#return_top').removeClass('hide') }else{ //隐藏返回顶部 $('#return_top').addClass('hide') } }); /* function Go(){ $(window).scrollTop(0); } */

js滚动条

     			
      		
       				
       		
       			
        						
         		
         
          				 	pro = 10		 				function Foo(){				var id = document.getElementById('process')				pro = pro + 10				if(pro > 100){					clearInterval(interval)   //停止滚动条				}else{					id.style.width = pro + '%';				}			}							interval =  setInterval('Foo()',2000) //每隔2秒执行一次v			//interval = setTimeout('Foo()',2000)  //只执行一次 					    		    			/*		    function Foo(){				var id = document.getElementById('process')				pro = pro + 10				id.style.width = pro + '%';			}			interval = setTimeout('Foo()',5000);						function stop(){				clearTimeout(interval);			}			*/

js×××灯

     			
      		
       欢迎wsyht来参观我的项目  		 
       
        		 	function Go(){		 		var content = document.title;		 		//欢		 		var firstChar = content.charAt(0);		 		//迎wsyht来参观我的项目		 		var sub = content.substring(1,content.length);		 		//迎wsyht来参观我的项目;欢		 		document.title = sub + firstChar;		 	}		 	interval = setInterval('Go()',1000); //每隔1秒执行Go函数		 	function Stop(){		 		clearTimeout(interval) //只执行一次stop		 	}	 		 

js搜索框

     			
      		
       		
       								
       		
       						
       
        				function Enter(){					var id = document.getElementById('tip')					id.className = 'black';					if(id.value=="请输入关健字" || id.value.trim()==''){   //trim左右两边去除空格						id.value = ''					}				}				function Leave(){					var id = document.getElementById('tip')					var val = id.value					if(val.length==0||id.value.trim()==''){						id.value='请输入关健字'						id.className = 'gray';					}else{						id.className = 'black';					}				}