js的本地对象,内置对象,宿主对象

1.本地对象

     本地对象包括如下内容:Object、Function、String、Array、Boolean、Number、Date、 RegExp、ErrorEvalError、RangeError、ReferenceError、SyntaxError、TypeError、URIError。由此可知,本地对象是ECMA-2定义的类(引用类型)。

实例:

<script>
function getAllProperties(obj,       getProtoProperties) {    var names = Object.getOwnPropertyNames(obj);    var namesObj = {'funcProper':[], 'properties':[]};    names.forEach(function(value, key) {        if(typeof obj[value] === 'function')            namesObj['funcProper'].push(value);        else             namesObj['properties'].push(value);           });    if(getProtoProperties && obj.__proto__)         namesObj['protoProperties'] = getAllProperties(obj.__proto__, getProtoProperties);    return namesObj;}// 在IE9以上可以//获取参数自身的所有属性: getAllProperties(Math) // 获取参数自身和原型链上的所有属性: getAllProperties(Math, true)
</script>
1.Data对象:用于获取当前时间的对象

实例:

var time=new Date(),
  month=time.getMonth()+1,
  year=time.getFullYear(),
  date=time.getDate(),
  hour=time.getHours(),
  minute=time.getMinutes(),
  day=time.getDay(),
  week=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
  document.write(year+"年"+month+"月"+date+"日 "+hour+":"+minute+" "+week[day]);
2.Math对象
      获取参数的绝对值,输出10Math.round(5.5)
     获取参数最为接近的整数,若有两个,则以大的为准,输出6Math.random()   
    向下取整,输出1Math.pow(2,3)
    指数函数,此处表示2的3次方,输出8。
3.数组对象
  定义一个数组:var arr=[1,2,3];
  arr.length     获取数组长度,输出3
  arr[2]   获取数组下标2的元素,输出3
  arr.push(5,6)  在数组结尾添加新数据5,6,返回数组新长度
  arr.unshift(-1,0)  在数组开头插入新数据-1,0,返回数组新长度
  arr.splice(0,0,"a")   在指定位置插入新数据"a",返回""
  arr.pop()  移除数组最后一个元素,返回该元素
  arr.shift()  移除数组第一个元素,返回该元素
  arr.splice(0,3)  从数组指定位置删除指定数量的元素,并返回删除数组

2.内置对象

2.1Global对象
 是一个固有对象,目的是把所有的全局方法集中在一个对象中。 
 Global没有语法,直接调用其方法。 
 escape(): 对 String 对象编码以便它们能在所有计算机上可读. 
 escape(charString) 
 必选项 charstring 参数是要编码的任意 String 对象或文字。 
 isNaN():判断一个值是否是NaN。 
 parseInt():返回由字符串得到的整数 
2.2String对象
  charAt():返回指定索引的位置的字符 
  concat():返回字符串值,表示两个或多个字符串的连接 
  match():使用正则表达式模式对字符串执行查找,并将包含查找结果最为结果返回 
function MatchDemo(){ 
   var r, re;         // 声明变量。 
   var s = "The rain in Spain falls mainly in the plain"; 
   re = /ain/i;    // 创建正则表达式模式。 
   r = s.match(re);   // 尝试匹配搜索字符串。 
   return(r);         // 返回第一次出现 "ain" 的地方。 
} 
  Replace(a,b):字符b替换a 
  Search(stringObject):指明是否存在相应的匹配。如果找到一个匹配,search 方法将返回一个整数值,指明这个匹配距离字符串开始的偏移位置。如果没有找到匹配,则返回 -1。 
 Slice(start,end):返回字符段片段 
 Split():字符串拆分 
 Substr(start,length):字符串截取 
 Substring(start,end)取得指定长度内的字符串 
 toUpperCase():返回一个字符串,该字符串中的所有字母都被转化为大写字母。 
  toLowerCase():返回一个字符串,该字符串中的所有字母都被转化为小写字母。 
2.3正则表达式对象
 re = new RegExp("pattern",["flags"]) 
 re为将要赋值正则表达式模式的变量名 
 pattern为正则表达式 
 flags为标记:有如下3中 
 1:g(全文查找) 
 2:i(忽略大小写) 
 3:m(多行查找) 

3.宿主对象

 宿主对象就是执行JS脚本的环境提供的对象。对于嵌入到网页中的JS来说,其宿主对象就是浏览器提供的对象,所以又称为浏览器对象,如IE、Firefox等浏览器提供的对象。不同的浏览器提供的宿主对象可能不同,即使提供的对象相同,其实现方式也大相径庭!这会带来浏览器兼容问题,增加开发难度。
 浏览器对象有很多,如Window和Document等等。
3.1Document对象属性
      document.title             //设置文档标题等价于HTML的<title>标签       
      document.bgColor           //设置页面背景色       
      document.fgColor           //设置前景色(文本颜色)       
      Links                             //此文档中所有链接的集        
      document.linkColor         //未点击过的链接颜色       
      document.alinkColor        //激活链接(焦点在此链接上)的颜色       
      document.vlinkColor        //已点击过的链接颜色       
      document.URL               //设置URL属性从而在同一窗口打开另一网页       
      Location                        //此页的URL        
      Referrer                         //链接此页的网页的URL        
      document.fileCreatedDate   //文件建立日期,只读属性       
      document.fileModifiedDate  //文件修改日期,只读属性       
      document.fileSize          //文件大小,只读属性       
      document.cookie            //设置和读出cookie       
      document.charset           //设置字符集简体中文:gb2312
3.2 window对象
    window是JavaScript的高级对象,它是document、location和history对象的父对象。正因为window是一个很高级的对象,所以通常在JavaScript代码编写中应用它的方法、属性时我们并不是必须写出window对象,如引用window的parent属性时:window.parent可以简单写成parent。window的属性有frames、parent、self、top、status和defaultStatus等六个
js部分:
<script language="JavaScript">
function init(){
window.defaultStatus="这一页是window对象示例!";
}
function windowOpener() {
msgWindow=open("","NewWindow","toolbar=0,directories=0,menubar=0");
msgWindow.document.write("<head><title>window对象示例--新窗口</title></head>");
msgWindow.document.write("<body><p>Hello,the world!</p><br>");
msgWindow.document.write("<p onclick='NewWindow.close()'>点击此处可以关闭窗口!</p></body>");
}
</script>

html部分:
<body onload="init()">
<p onmouseover="window.status='Hello,the world!';return true">将鼠标放在上边可以改变浏览器的状态栏</p>
<p><br>
</p>
<p onclick="windowOpener()">用鼠标点击可以打开一个新的窗口!</p>
</body>


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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值