JS对象

整理了一些常见对象如String、Array、Date、Math等经常用到的属性以及方法。

一、string对象
//       *** 创建string对象
//         var str = "abcdef";
// *** 属性
//     length:字符串的长度
//     例子:var str1 = "aaaaa";
//           document.write(str1.length);
// *** 方法
//     (1) html相关的方法
//               **** bold():使用粗体显示字符串。
// 例子:var str1="Hello world!";
//               document.write(str1.bold());
var str = "Hello World!"
document.write(str.bold());
document.write("<br />");
//               **** link():将字符串显示为链接。
// 例子:var str2="链接1";
//               document.write(str2.link("test_link.html"));
document.write(str.link("http://www.baidu.com"));
document.write("<br />");
// **** fontcolor():使用指定的颜色来显示字符串。
// 例子:var str3 = "hello!";
//       document.write(str3.fontcolor("Red"));
document.write(str.fontcolor("red"));
document.write("<br />");
// **** fontsize():使用指定的尺寸来显示字符串。(size 参数必须是从 1 至 7 的数字。)
// 例子: var str4 = "world";
//       document.write(str4.fontsize("7"));
document.write(str.fontsize("5"));
document.write(str.fontsize("7"));
document.write("<br />");
//     (2) java相关的方法
//         **** charAt():返回在指定位置的字符。( 字符串下标是从0开始的)
// 例子: var str1 = "Hello world!"
//                      document.write(str1.charAt(1));
document.write(str.charAt(4));
document.write("<br />");
// **** concat():连接字符串。
// 例子:var str2 = "abc";
//       var str3 = "xy";
//       document.write(str2.concat(str3));
var str2="Hello JavaScript!";
document.write(str.concat(str2));
document.write("<br />");
// **** indexOf(): 可返回某个指定的字符串值在字符串中首次出现的位置。
// 例子:var str4 = "abc";
//       document.write(str4.indexOf("b")); 
document.write(str.indexOf("l"));
document.write("<br />");
// 传两个参数的时候,第二个参数表示从哪个下标开始检索。一旦检索到就返回那个位置的下标.
// stringObject.indexOf(searchvalue,fromindex);
// 例子:var str5 = "abcdfb";
//                     document.write(str5.indexOf("b",1)); 
document.write(str.indexOf("l",5));
document.write("<br />");
// **** replace():用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
// 例子:var str6 = "abcde";
//       document.write(str6.replace("b","DD"));
document.write(str.replace("l","呵呵"));
document.write("<br />");
document.write(str.fixed().bold().fontcolor("blue").fontsize(6).italics()+"<br /> ");
// **** split(): 用于把一个字符串分割成字符串数组。
//   ---split传入一个参数:
//   例子:var str7 = "zhang-san";
//       document.write(str7.split("-"));  //结果:zhang,san
//       通过split中字符串有的分割符,把字符串分割成字符串数组。
//
//       var str7 = "zha-sn";
//                     document.write(str7.split("")); //结果:z,h,a,-,s,n
//       如果split中传入的无分割符,这时字符串是按每个字符分割。

document.write(str.split("")+"<br>");
document.write(str.split("l",1)+"<br />");/*第一个参数是分隔符,第二个参数表示分割后显示几块,不写默认全部输出*/
//   ---split传入两个参数:
//   例子:var str8 = "ab-cdf-er";
//                       document.write(str8.split("-",2)); //结果:ab,cdf
// sup():用于把字符串显示为上标。
// ****   sub():用于把字符串显示为下标。
var str9 = "200";
                 var str10 = "300";
                 var str11 = "400";
                 document.write(str9+str10.sup()+str11+"<br />");/*上标*/
                 document.write(str9+str10.sub()+str11+"<br />");/*下标*/
//
//         **** substr():在字符串中抽取从 start 下标开始的指定数目的字符。
//   例子: var str12 = "abcdefg";
//         document.write(str12.substr(2,3)); //cde
//      (就是从2这个下标开始,截取3个长度的字符串)
document.write(str.substr(1,3)+"<br />");/*从第一个参数位置开始截取,截取第二个参数长度的内容*/
document.write(str.substring(1,3)+"<br />");/*第二个参数所在的值取不到*/
// **** substring(): 用于提取字符串中介于两个指定下标之间的字符。
//         document.write(str12.substring(2,3)); //c  [2,3)
//      (就是从2这个下标开始,截取到3这个下标位置的字符串,包括2下标对应的元素,
//       但不包括3下标对应的元素)
// 打开名为 "window2" 的新窗口的 JavaScript 语法是:
// window.open("http://www.baidu.com","window2")




// 在浏览器的状态栏放入一条消息
window.status = "put your message here"

二、Array对象

      创建Array对象(三种)
//    1.var arr11 = [1,2,3];
//
//    2. var arr12 = new Array(3); //3表示长度
//     arr12[0] = 1;
//     arr12[1] = 2;
//     arr12[2] = 3;
//
//    3.var arr13 = new Array(1,2,3);
//      属性
//     **** length:设置或返回数组中元素的数目。
// 方法
//     **** concat():用于连接两个或多个数组
//       例子: var arr21 = ["AA","BB"];
//              var arr22 = ["CC","FF"];
//              document.write(arr21.concat(arr22));
//
//     **** join(): 用于把数组中的所有元素放入一个字符串,元素是通过指定的分隔符进行分隔的。
//       例子: var arr31 = ["GGG","HH"];
//              document.write(arr31.join("="));  //GGG=HH
//           
//     **** push(): 向数组的末尾添加一个或多个元素,并返回新的长度。
//       例子: var arr41 = ["AAA","BBB"];
//               document.write(arr41.push("JJ"));
//
//                   如果向arr42后面添加的是一个数组,那么会把这个数组整体当做一个字符串,
//            添加到arr42元素的后面。长度是3.
//       var arr42 = ["AAA","BBB"];
//       var arr43 = ["XXX--","YYY","OOO"];
//       document.write("old2:"+arr42+"<br />");      //old2:AAA,BBB            
//       document.write(arr42.push(arr43)+"<br />");    //3
//             document.write("new2:"+arr42+"<br />");        //new2:AAA,BBB,XXX-,YYY,OOO
//
//       **** shift():用于删除并返回数组的第一个元素。(删除数组第一个元素,并返回这个删除的元素)
// 例子: var arr51 = ["EE","KK","PP"];
//              document.write(arr51.shift());
//     **** pop():用于删除并返回数组的最后一个元素。(删除数组最后一个元素,并返回这个删除的元素)
//       例子: var arr51 = ["EE","KK","PP"];
//              document.write(arr51.pop());
//
//     **** reverse():颠倒数组中元素的顺序
//        例子: var arr61 = ["UUUUUU","EE","KK","PP"];
//              document.write(arr61.reverse());

三、Date对象

// ***创建Date对象
//   例子:var date = new Date();
//         document.write(date);
// ***方法:
//   **** toLocaleString():格式化时间
//     例子: var date1 = new Date();
//        document.write(date1.toLocaleString());
//   
//   **** getFullYear():返回年份 ,返回值:四位数
//    例子:var date2 = new Date();
//                document.write(date2.getFullYear());
//
//   **** getMonth():返回月份,返回值:0-11
//    例子:document.write(date2.getMonth()+1);
//
//     **** getDay():返回周几,返回值:0-6
//    例子:document.write(date2.getDay()+1);
//
//   **** getDate():返回月中的某一日, 返回值: 1-31
//    例子: document.write(date2.getDate());
//
//   **** getHours(): 返回小时,返回值:0-23
//     例子:document.write(date2.getHours());
//
//   **** getMinutes(): 返回分钟,返回值:0-59
//     例子:document.write(date2.getMinutes());
//
//   **** getSeconds():返回秒,返回值:0-59
//     例子:document.write(date2.getSeconds());
//
//   **** getMilliseconds():返回毫秒,1秒=1000毫秒 (应用场景:请求带这个时间搓,去除缓存)
//     例子:document.write(date2.getMilliseconds());
//         http://www.baidu.com?毫秒;
//
//
//     **** 在网页上显示一个时钟
// function startTime()
// {
// var today=new Date()
// var h=today.getHours()
// var m=today.getMinutes()
// var s=today.getSeconds()
// // add a zero in front of numbers<10
// m=checkTime(m)
// s=checkTime(s)
// document.getElementById('txt').innerHTML=h+":"+m+":"+s
// t=setTimeout('startTime()',500)
// }
//
// function checkTime(i)
// {
// if (i<10) 
//  {i="0" + i}
//  return i
// }
//          body代码如下:
// <body οnlοad="startTime()">
//     <div id="txt"></div>
//       </body>


四、Math对象

//  *** Math是用于数学运算。它里面都是静态方法,所有直接Math.方法。
//
//  *** 属性
//      **** PI: 圆周率 
//            例子:document.write(Math.PI);
//
//    *** 方法
// **** ceil(x): 向上舍入
//     var x = "13.4";
//    例子:document.write(Math.ceil(x)); //结果:14
//
// **** floor(x): 向下舍入
//    例子:document.write(Math.floor(x)); //结果:13
//
// **** round(x): 四舍五入
//    例子:document.write(Math.round(x)); //结果:13 
//
// **** random():随机数。返回的值在0-1之间
//    例子: document.write(Math.random());


五、常用全局函数

// *** 就是内置的函数,直接拿过来用的


//  **** decodeURI():解码
//    例子: var str = " 你好,张三weer123";
//                 document.write(encodeURI(str));
//  **** encodeURI():编码
//    例子:document.write(decodeURI(encodeURI(str)));
//
//  **** eval():计算某个字符串,并执行其中的的 JavaScript 代码 
//                (字符串是js代码,调用eval()函数直接执行这个js代码)
//    例子: var str1 = "alert('abc')";
//                alert(str1);
//                eval(str1);
//
//  **** isNaN();检查是不是不是数字 
//    例子: var str2 = 123;
//                   document.write(isNaN(str2));
//  *注意:isNaN判断时,如果值是数字,返回false;  如果值不是数字,返回true 
//
//  (str2 = "123" //flase ; str2 = "abc" //true)
//
//  **** parseInt(): 类型转换,转换成一个整数
//    例子:var str3 = "45";
//          document.write(parseInt(str3)+1); //46

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值