javascript 复习代码
2016-02-22 20:03
615 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>javascript 练习 </title> <link href="../css/a.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript"> // jquery $().ready(); /*$().ready(function () { //$("#h1").text(456); $("#img2").bind('click',function () { alert(this.src); }); });*/ // parseInt(); /* var width="100px"; width=parseInt(width)+200; var width=width+"px"; alert(width+"现在的类型是 :"+typeof(width));*/ // i%2==0; /* for(i=0;i<=100;i++){ if(i%2==0){ document.write(i+" "); } }*/ // window.prompt(); /*var a=window.prompt("请输入一个数",60); if(a>100){ alert('you are very good '); } */ /* //array var a=new Array(); a[0]=1; a[1]=2; document.write(a.length); var b=new Array(3); b[3]=100; document.write(b.length); var c=new Array(1,2,3,4,5,6,7,8,9,20); document.write(c.length); var d=[4,5,6,7,8]; document.write(d.length+"<br/>"); for(var i=0;i< d.length;i++){ document.write(d[i]+" "); } //二维数组 document.write("<hr>"); var e=[ [1,2,3], [4,5,6] ]; for(var i=0;i< e.length;i++){ for(var j=0;j<e[0].length;j++){ document.write(e[i][j]+" "); } document.write("<br/>"); } document.write("<hr>"); // 特殊数组 for in var f=[1,3,,,,,,,,,,10]; for(var i in f){ document.write(f[i]+" "); } */ /*//求最大值 function max(a,b){ var max=a>b?a:b; return max; } var res=max(3,4); document.write("res: "+res); */ /*//js 对象 var a=new Object(); a.name="小明"; a.age=34; a.skill=function(){ document.write(a.name+" is good at math"); } a.skill(); // js 对象二 var obj={ name:"小明", age:24, skill:study } function study(){ document.write(a.name+" is good at chinese"); } obj.skill();*/ // String对象 /* var str="abcdefg"; var b=str.charAt(3); document.write(b); var c=str.indexOf("g"); document.write(c); var filename="xxx.jpg" var index=filename.lastIndexOf(".jpg"); if(index!=-1){ // lastIndexOf(); 找出索引位置,找不到返回 -1 document.write("该文件是图片"); } //substr(startIndex[,length]) var file2="2015.jpg"; var index=file2.lastIndexOf("."); var res=file2.substr(0,index);// 取文件名 2015 var res2=file2.substr(index); // 取后缀名 .jpg document.write(res+"<br/> "+res2); //spilt 字符串转数组 var str3="星期一,星期二,星期三"; //要使用英文逗号 var b=str3.split(","); for(var i in b){ document.write(b[i]+" "); } // toLocaleUpperCase() 转大小写 var str4="slkdfdjfksl"; var res=str4.toLocaleUpperCase(); document.write(res); //localeCompare()方法 功能:使用本地的排序规则(根据所使用的操作系统,简体中文操作系统)对中文进行排序 str1.localeCompare(str2) */ //Array /* // length var a=[1,2,3,4,5]; document.write(a.length+" "+a); //join var b=a.join("-"); document.write(typeof(b)+"<br/>"+b); // 删除元素 shift() 删除第一个元素,数组长度减1 a.shift(); document.write("长度:"+a.length+" 剩下数组为: "+a+"<br/>"); // 删除元素 pop() 删除最后一个元素,数组长度减1 a.pop(); document.write("长度:"+a.length+" 剩下数组为: "+a+"<br/>"); //数组头部添加元素 长度加1 a.unshift(1); document.write("长度:"+a.length+" 剩下数组为: "+a+"<br/>"); a.push(5); document.write("长度:"+a.length+" 剩下数组为: "+a+"<br/>"); delete a[2]; //删除了值,但还占位置 document.write("长度:"+a.length+" 剩下数组为: "+a+"<br/>"); //倒序 reverse() a.reverse(); document.write(a); // sort() 排序,默认按字母先后顺序 var arr = ["安庆市","安徽省","河南省","河北省","北京市"]; arr.sort(orderby2); function orderby2(str1,str2) { return str1.localeCompare(str2); } document.write(arr); var str33=['a','c','b']; str33.sort(); document.write("<br/>"+str33); */ //Date /* var today=new Date(); var year=today.getFullYear(); var month=today.getMonth(); var day=today.getDate(); var hour=today.getHours(); var minute=today.getMinutes(); var second=today.getSeconds(); var str = year+"年"+month+"月"+day+"日 "+hour+":"+minute+":"+second; document.write(str); */ // Math /* Math.abs(-3); Math.random(); Math.ceil(3.44); //向上取整 Math.floor(4.33); //向下取整 Math.round(3.55); */ /* function num(max,min){ return Math.floor(Math.random()*(max-min)+min); } var a=num(10,100); document.write(a); // 案例:动态改变网页背景色 bgColor="#898767";//,随机颜色取值:100000-999999 function editBg() { var min = 100000; var max = 999999; var random = Math.floor(Math.random()*(max-min)+min); //网页背景色,给document.bgColor的属性赋值 document.bgColor = "#"+random; } window.onload=editBg(); */ //***************************** 再整理******** //节点操作 注意 <body onload="test()"> /* function test(){ var img1=document.createElement("img"); //添加节点 img1.setAttribute("src","../img/2.jpg"); //设置属性 document.body.appendChild(img1); //追加节点 } // html dom function test1(){ var img1=document.createElement("img"); img1.src="../img/2.jpg"; var div1=document.getElementById("div1"); div1.appendChild(img1); } // css dom function test2(){ var div1=document.getElementById("div1"); div1.style.border="1px solid #ccc"; div1.style.width="300px"; div1.style.height="300px"; div1.style.backgroundColor="#456aaa"; } */ // 事件绑定 /* window.onload=function(){ var img1=document.getElementById("img1"); img1.onmouseover= function () { img1.style.width=img1.offsetWidth*1.5+"px"; } img1.onmouseout= function () { img1.style.width=img1.offsetWidth/1.5+"px"; } } <img src="../img/2.jpg" id="img1"/> */ /*************js正则*******************//* var str="sdfdf123sdfd"; var reg=/\d/gi; //alert(reg.test(str)); alert(reg.exec(str)); function $(id) { return document.getElementById(id); } window.onload = function() { $('btn1').onclick = function() { var str = $('content').value; var reg = /\d/gi; alert(reg.test(str)); //reg.test(str); } $('btn2').onclick = function() { var str = $('content').value; var reg = /\d/gi; alert(reg.exec(str)); //reg.exec(str); } $('btn3').onclick = function() { var str = $('content').value; var reg = /\d/gi; alert(str.search(reg)); //这里反过来 str.search(reg); } $('btn4').onclick = function() { var str = $('content').value; var reg = /\d/gi; alert(str.match(reg)); } $('btn5').onclick = function() { var str = $('content').value; var reg = /\d/gi; alert(str.replace(reg,'*')); } $('btn6').onclick = function() { var str = $('content').value; var reg = /\d/gi; alert(str.split(reg)); } } */ /*<input type='content' id='content' size='50'> <hr> <input type='button' id='btn1' value='test'> <input type='button' id='btn2' value='exec'> <input type='button' id='btn3' value='search'> <input type='button' id='btn4' value='match'> <input type='button' id='btn5' value='replace'> <input type='button' id='btn6' value='split'> */ // 子表达式 (\d) 子表达式引用\1 匹配前后有一个数字的php 字符串 3php3 5php5 var str="sfsdfd3php3skfjdslkfsphp4kdfsjdlf5php5sdkfdf"; var reg=/(\d)php\1/gi; alert(str.match(reg)); </script> </head> <body> </body> </html>
相关文章推荐
- javascript中常用的节点方法
- javascript中form表单的处理
- javascript省市级联方式
- javascript event对象的clientX,offsetX,screenX,pageX区别
- Java 处理json经常使用代码
- IE>js打印
- js函数传递两个参数
- extjs里(function(){Ext.onReady(function(){});})();为什么要这么写
- 韩顺平 javascript教学视频_学习笔记23_js事件驱动机制深入理解_js常用事件_js版计算器
- JSPatch在MAC下的使用
- JSON的在javascript中的常用方法
- iClient for JavaScript VectorLayer详细使用指南
- EXTJS4.x以上的版本中没有dolayout这个方法
- Jsoup爬取网页上表格数据
- javascript 性能检测
- js-比较两个日期的大小
- js-字符串转化日期
- js"面向对象"和"继承"的碎碎念
- [LeetCode][JavaScript]Increasing Triplet Subsequence
- JS正则表达式大全