1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2.         "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5.     <title>javascript 练习 </title>
  6.     <link href="../css/a.css" rel="stylesheet" type="text/css">
  7.     <script type="text/javascript" src="../js/jquery.js"></script>
  8.     <script type="text/javascript">
  9.         // jquery $().ready();
  10.         /*$().ready(function () {
  11.             //$("#h1").text(456);
  12.             $("#img2").bind('click',function () {
  13.                 alert(this.src);
  14.             });
  15.         });*/
  16.         // parseInt();
  17.        /* var width="100px";
  18.         width=parseInt(width)+200;
  19.         var width=width+"px";
  20.         alert(width+"现在的类型是 :"+typeof(width));*/
  21.     //  i%2==0;
  22.        /* for(i=0;i<=100;i++){
  23.             if(i%2==0){
  24.                 document.write(i+" ");
  25.             }
  26.         }*/
  27.         // window.prompt();
  28.     /*var a=window.prompt("请输入一个数",60);
  29.         if(a>100){
  30.             alert('you are very good ');
  31.         }
  32.     */
  33.   /*      //array
  34.     var a=new Array();
  35.         a[0]=1;
  36.         a[1]=2;
  37.         document.write(a.length);
  38.     var b=new Array(3);
  39.         b[3]=100;
  40.         document.write(b.length);
  41.         var c=new Array(1,2,3,4,5,6,7,8,9,20);
  42.         document.write(c.length);
  43.     var d=[4,5,6,7,8];
  44.         document.write(d.length+"<br/>");
  45.         for(var i=0;i< d.length;i++){
  46.             document.write(d[i]+" ");
  47.         }
  48.         //二维数组
  49.         document.write("<hr>");
  50.         var e=[
  51.                 [1,2,3],
  52.                 [4,5,6]
  53.         ];
  54.         for(var i=0;i< e.length;i++){
  55.             for(var j=0;j<e[0].length;j++){
  56.                 document.write(e[i][j]+" ");
  57.             }
  58.             document.write("<br/>");
  59.         }
  60.         document.write("<hr>");
  61.         // 特殊数组 for in
  62.         var f=[1,3,,,,,,,,,,10];
  63.         for(var i in f){
  64.             document.write(f[i]+" ");
  65.         }
  66.   */
  67.         /*//求最大值
  68.         function max(a,b){
  69.             var max=a>b?a:b;
  70.             return max;
  71.         }
  72.         var res=max(3,4);
  73.         document.write("res: "+res);
  74. */
  75.         /*//js 对象
  76.         var a=new Object();
  77.         a.name="小明";
  78.         a.age=34;
  79.         a.skill=function(){
  80.             document.write(a.name+" is good at math");
  81.         }
  82.         a.skill();
  83.         // js 对象二
  84.         var obj={
  85.             name:"小明",
  86.             age:24,
  87.             skill:study
  88.         }
  89.         function study(){
  90.             document.write(a.name+" is good at chinese");
  91.         }
  92.         obj.skill();*/
  93.  
  94.         // String对象
  95.     /*    var str="abcdefg";
  96.         var b=str.charAt(3);
  97.         document.write(b);
  98.         var c=str.indexOf("g");
  99.         document.write(c);
  100.         var filename="xxx.jpg"
  101.         var index=filename.lastIndexOf(".jpg");
  102.         if(index!=-1){    // lastIndexOf(); 找出索引位置，找不到返回 -1
  103.             document.write("该文件是图片");
  104.         }
  105.         //substr(startIndex[,length])
  106.         var file2="2015.jpg";
  107.         var index=file2.lastIndexOf(".");
  108.         var res=file2.substr(0,index);// 取文件名   2015
  109.         var res2=file2.substr(index); // 取后缀名   .jpg
  110.         document.write(res+"<br/> "+res2);
  111.  
  112.         //spilt  字符串转数组
  113.         var str3="星期一,星期二,星期三";   //要使用英文逗号
  114.         var b=str3.split(",");
  115.         for(var i in b){
  116.             document.write(b[i]+" ");
  117.         }
  118.         // toLocaleUpperCase()  转大小写
  119.         var str4="slkdfdjfksl";
  120.         var res=str4.toLocaleUpperCase();
  121.         document.write(res);
  122.  
  123.      //localeCompare()方法
  124.      功能：使用本地的排序规则(根据所使用的操作系统，简体中文操作系统)对中文进行排序
  125.      str1.localeCompare(str2)
  126.     */
  127.         //Array
  128.     /*   // length
  129.         var a=[1,2,3,4,5];
  130.         document.write(a.length+" "+a);
  131.       //join
  132.         var b=a.join("-");
  133.         document.write(typeof(b)+"<br/>"+b);
  134.         // 删除元素 shift() 删除第一个元素，数组长度减1
  135.         a.shift();
  136.         document.write("长度："+a.length+" 剩下数组为： "+a+"<br/>");
  137.         // 删除元素 pop() 删除最后一个元素，数组长度减1
  138.         a.pop();
  139.         document.write("长度："+a.length+" 剩下数组为： "+a+"<br/>");
  140.         //数组头部添加元素 长度加1
  141.         a.unshift(1);
  142.         document.write("长度："+a.length+" 剩下数组为： "+a+"<br/>");
  143.         a.push(5);
  144.         document.write("长度："+a.length+" 剩下数组为： "+a+"<br/>");
  145.         delete a[2];  //删除了值，但还占位置
  146.         document.write("长度："+a.length+" 剩下数组为： "+a+"<br/>");
  147.         //倒序 reverse()
  148.         a.reverse();
  149.         document.write(a);
  150.         // sort() 排序，默认按字母先后顺序
  151.         var arr = ["安庆市","安徽省","河南省","河北省","北京市"];
  152.         arr.sort(orderby2);
  153.         function orderby2(str1,str2)
  154.         {
  155.             return str1.localeCompare(str2);
  156.         }
  157.         document.write(arr);
  158.  
  159.         var str33=['a','c','b'];
  160.         str33.sort();
  161.         document.write("<br/>"+str33);
  162.     */
  163.         //Date
  164.     /*    var today=new Date();
  165.         var year=today.getFullYear();
  166.         var month=today.getMonth();
  167.         var day=today.getDate();
  168.         var hour=today.getHours();
  169.         var minute=today.getMinutes();
  170.         var second=today.getSeconds();
  171.         var str = year+"年"+month+"月"+day+"日 "+hour+":"+minute+":"+second;
  172.         document.write(str);
  173.     */
  174.     // Math
  175.     /*    Math.abs(-3);
  176.         Math.random();
  177.         Math.ceil(3.44);  //向上取整
  178.         Math.floor(4.33); //向下取整
  179.         Math.round(3.55);
  180.     */
  181.     /*    function num(max,min){
  182.             return Math.floor(Math.random()*(max-min)+min);
  183.         }
  184.         var a=num(10,100);
  185.         document.write(a);
  186.       //  案例：动态改变网页背景色
  187.         bgColor="#898767";//，随机颜色取值：100000-999999
  188.         function editBg()
  189.         {
  190.             var min = 100000;
  191.             var max = 999999;
  192.             var random = Math.floor(Math.random()*(max-min)+min);
  193.             //网页背景色，给document.bgColor的属性赋值
  194.             document.bgColor = "#"+random;
  195.         }
  196.         window.onload=editBg();
  197.     */
  198.  
  199.     //*****************************  再整理********
  200.  
  201.         //节点操作 注意 <body onload="test()">
  202. /*
  203.        function test(){
  204.             var img1=document.createElement("img");   //添加节点
  205.             img1.setAttribute("src","../img/2.jpg");  //设置属性
  206.             document.body.appendChild(img1);          //追加节点
  207.        }
  208.         // html dom
  209.         function test1(){
  210.             var img1=document.createElement("img");
  211.             img1.src="../img/2.jpg";
  212.             var div1=document.getElementById("div1");
  213.             div1.appendChild(img1);
  214.         }
  215.         // css dom
  216.         function test2(){
  217.             var div1=document.getElementById("div1");
  218.             div1.style.border="1px solid #ccc";
  219.             div1.style.width="300px";
  220.             div1.style.height="300px";
  221.             div1.style.backgroundColor="#456aaa";
  222.         }
  223. */
  224.     // 事件绑定
  225.     /*    window.onload=function(){
  226.             var img1=document.getElementById("img1");
  227.             img1.onmouseover= function () {
  228.                 img1.style.width=img1.offsetWidth*1.5+"px";
  229.             }
  230.             img1.onmouseout= function () {
  231.                 img1.style.width=img1.offsetWidth/1.5+"px";
  232.             }
  233.         }
  234.                 <img src="../img/2.jpg" id="img1"/>
  235.     */
  236.         /*************js正则*******************//*
  237.     var str="sdfdf123sdfd";
  238.         var reg=/\d/gi;
  239.     //alert(reg.test(str));
  240.         alert(reg.exec(str));
  241.  
  242.         function $(id) {
  243.             return document.getElementById(id);
  244.         }
  245.  
  246.         window.onload = function() {
  247.             $('btn1').onclick = function() {
  248.                 var str = $('content').value;
  249.                 var reg = /\d/gi;
  250.                 alert(reg.test(str));               //reg.test(str);
  251.             }
  252.             $('btn2').onclick = function() {
  253.                 var str = $('content').value;
  254.                 var reg = /\d/gi;
  255.                 alert(reg.exec(str));                //reg.exec(str);
  256.             }
  257.             $('btn3').onclick = function() {
  258.                 var str = $('content').value;
  259.                 var reg = /\d/gi;
  260.                 alert(str.search(reg));           //这里反过来   str.search(reg);
  261.             }
  262.             $('btn4').onclick = function() {
  263.                 var str = $('content').value;
  264.                 var reg = /\d/gi;
  265.                 alert(str.match(reg));
  266.             }
  267.             $('btn5').onclick = function() {
  268.                 var str = $('content').value;
  269.                 var reg = /\d/gi;
  270.                 alert(str.replace(reg,'*'));
  271.             }
  272.             $('btn6').onclick = function() {
  273.                 var str = $('content').value;
  274.                 var reg = /\d/gi;
  275.                 alert(str.split(reg));
  276.             }
  277.         }
  278.     */
  279.         /*<input type='content' id='content' size='50'>
  280.          <hr>
  281.          <input type='button' id='btn1' value='test'>
  282.          <input type='button' id='btn2' value='exec'>
  283.          <input type='button' id='btn3' value='search'>
  284.          <input type='button' id='btn4' value='match'>
  285.          <input type='button' id='btn5' value='replace'>
  286.          <input type='button' id='btn6' value='split'>
  287.          */
  288.         //  子表达式 (\d)    子表达式引用\1  匹配前后有一个数字的php 字符串   3php3  5php5
  289.         var str="sfsdfd3php3skfjdslkfsphp4kdfsjdlf5php5sdkfdf";
  290.         var reg=/(\d)php\1/gi;
  291.         alert(str.match(reg));
  292.     </script>
  293. </head>
  294. <body>
  295.  
  296. </body>
  297. </html>

javascript 复习代码的更多相关文章

  1. javascript两行代码按指定格式输出日期时间

    javascript两行代码按指定格式输出日期时间,具体看代码: function date2str(x,y) { var z ={y:x.getFullYear(),M:x.getMonth()+1 ...

  2. javascript常用代码大全

    http://caibaojian.com/288.html    原文链接 jquery选中radio //如果之前有选中的,则把选中radio取消掉 $("#tj_cat .pro_ca ...

  3. JSLint是一个JavaScript的代码质量工具

    JSLint是一个JavaScript的代码质量工具 可能都或多或少的知道JSLint是一个JavaScript的代码质量工具,一个JavaScript语法检查器和校验器,它能分析JavaScript ...

  4. javascript实现代码高亮

    javascript实现代码高亮-wangHighLighter.js 1. 引言 (先贴出wangHighLighter.js的github地址:https://github.com/wangfup ...

  5. JavaScript后台代码操作HTML TABLE的方法

    原文:JavaScript后台代码操作HTML TABLE的方法 var rowNum = 0,fileNum = 0; //行号与列号 var oNewRow; //定义插入行对象 var oNew ...

  6. 记录下项目中常用到的JavaScript/JQuery代码二（大量实例）

    记录下项目中常用到的JavaScript/JQuery代码一(大量实例) 1.input输入框监听变化 <input type="text" style="widt ...

  7. 32、可以拿来用的JavaScript实用功能代码

    可以拿来用的JavaScript实用功能代码(可能会有些bug,用时稍微修改下,我用了几个还可以) 转载自 1.原生JavaScript实现字符串长度截取 function cutstr(str, l ...

  8. JavaScript standard 代码规范的全文

    这是 JavaScript standard 代码规范的全文. 掌握本规范的最好方法是安装并在自己的代码中使用它. 细则 使用两个空格进行缩进. eslint: indent function hel ...

  9. Javascript特效代码大全(420个)（转）

    转载自:Javascript特效代码大全(420个) 收集资料,以便使用+面试+学习  ├ Cookie脚本 ├ 随访问次数变提示 ├ 集成Cookies ├ 使窗口仅弹出一次 ├ 签名提示程序 ├ ...

随机推荐

  1. 批处理：echo的用法

    批处理:echo的用法 若要用 echo 命令显示一条命令,可用下述语法:  echo [message] 参数 ON|OFF   指定是否允许命令的回显.若要显示当前的 ECHO 的设置,可使用不带 ...

  2. 锋利的jQuery-7--query ui效果库--拖动排序插件sortable

    一个简单的拖动排序效果,具体请参看jQuery ui官网demo. jquery ui :http://jqueryui.com/ sortable例子:http://jqueryui.com/sor ...

  3. SSH协议及其应用

    SSH协议及其应用 原文作者:阮一峰 链接: http://www.ruanyifeng.com/blog/2011/12/ssh_remote_login.html http://www.ruany ...

  4. MapReduce使用JobControl管理实例

    import java.io.IOException; import java.util.StringTokenizer; import org.apache.hadoop.fs.Path; impo ...

  5. Invalid Binary错误怎么解决

      Invalid Binary错误怎么解决? 本文永久地址为http://www.cnblogs.com/ChenYilong/p/3989829.html ,转载请注明出处. iOS8升级过程中, ...

  6. CSS 实现垂直居中的几种方案

    最近在学关系型数据库相关,MySQL 和 Postgre,捎带着学了 PHP,为了练手这几天就忙着自己搭博客,项目部署在某云上,该云算是良心,给的空间自己搭博客用足够了.本来想着每日一bo的,所以有的 ...

  7. 什么是iis服务器

    IS 是Internet Information Server的缩写,它是微软公司主推的服务器,最新的版本是Windows2003里面包含的IIS 6.0,IIS与WindowNT Server完全集 ...

  8. 解决ecshop登陆自动退出的莫名现象

    最近在做ecshop的二次开发,程序发布后测试出现一个莫名的问题.点击几次页面后出现session丢失,需要重复登陆:本地怎么测试也都无法重现问题.一开始以为是修改程序的问题,可是怎么找都找不着问题所 ...

  9. python将json格式的数据转换成文本格式的数据或sql文件

    python如何将json格式的数据快速的转化成指定格式的数据呢?或者转换成sql文件? 下面的例子是将json格式的数据准换成以#_#分割的文本数据,也可用于生成sql文件. [root@bogon ...

  10. AES 推荐文章

    链接如下,写得很好!http://blog.csdn.net/a00553344/article/details/4002507