`
wanglihu
  • 浏览: 918253 次
  • 性别: Icon_minigender_1
  • 来自: 黑龙江
社区版块
存档分类

javascript内置对象

 
阅读更多

图像对象:

导航对象:

窗口对象:

格式:

[window.]属性

[window.]方法(参数)

opener.属性

opener.方法(参数)

窗口名称.方法(参数)

实例:

<script type="text/javascript">
    function check(obj){
        if(obj.value!='admin'){
        alert("您不是管理员,无管理权限!");
        obj.focus();
        obj.select();
        }else{
                alert("欢迎管理员访问!");

                 window.location.href="http://www.baidu.com" ;
        }
    }
</script>

 

<input type="text" name="name" onblur="check(this);"/>

屏幕对象

with(document){
    write(window.screen.height);//屏幕区域高度
    write(window.screen.width); //屏幕区域宽度 
    write(window.screen.availHeight);//实际高度
    write(window.screen.availWidth);//实际宽度
}

事件对象

在js中为某个对象(控件)绑定事件通常可以采取两种手段:

1)第一种方式:

 

<script type="text/javascript">
    function clickHandler (){
           alert("第一种方式测试!");
    }
</script>

 

 <input type="button" name="事件对象测试" onclick="clickHandler();"/>

 2)第二种方式:

<input type="button" value="事件对象测试" id="button1"/>
<script type="text/javascript">
   var v = document.getElementById("button1");
   v.onclick=function (){
        alert("单击事件");
   }
  //下面的event在IE中好使

  v.onmouseover=mouseoverHandler;
  function mouseoverHandler(){
    alert("鼠标移动事件"+event.type);
   }
   //下面的event在火狐中好使
   v.onmouseout=mouseoutHandler;
   function mouseoutHandler(event1){
      alert("鼠标移除事件"+event1.type);
   }
</script>

历史对象

<a href="#" onclick="history.back(-1);">返回</a> //IE好使,火狐中不好使

<a href="#" onclick="window.history.back(-1);return false;">返回</a>//各浏览器中都好使

文件对象

锚点对象

链接对象

实例一:

<script type="text/javascript">
   function test(){
      alert(document.links.length);
      for(var i = 0; i<document.links.length;i++){
          alert(document.links[i]);
      } 
   }
 </script>

 

<a href="http://www.baidu.com">百度</a><br/>
<a href="http://www.google.com">谷歌</a> <br/>
<input type="button" value="链接测试" onclick="test();"/> 

框架对象

表单对象

实例1:

<script type="text/javascript">
function moveNext(obj,index){
if(obj.value.length == 4){
document.forms[0].elements[index+1].focus();
}
}
function showResult(){
var f = document.forms[0];
var result = "";
for(var i = 0; i<4;i++){
result += f.elements[i].value;
}
alert(result);
}
</script>


<BODY onload="document.forms[0].elements[0].focus();">
<form>
<input type="text" size=3 maxlength=4 onkeyup="moveNext(this,0)"/>
<input type="text" size=3 maxlength=4 onkeyup="moveNext(this,1)"/>
<input type="text" size=3 maxlength=4 onkeyup="moveNext(this,2)"/>
<input type="text" size=3 maxlength=4 onkeyup="moveNext(this,3)"/>
<input type="button" value="显示" onfocus="showResult();"/>
</form>
</BODY> 

位置对象

分享到:
评论

相关推荐

    JavaScript内置对象相关介绍及用法

    JavaScript内置对象相关介绍及用法ppt JavaScript内置对象相关介绍及用法

    javaScript内置对象.doc

    以下是对标题和描述中提及的一些JavaScript内置对象及其属性和方法的详细说明: 1. **String对象**: - `length`属性:返回字符串的字符个数。 - `big()`方法:返回一个带有`&lt;big&gt;`标签的字符串,使得文本变大。 ...

    JavaScript内置对象(ppt)

    JavaScript内置对象(ppt)JavaScript内置对象(ppt)JavaScript内置对象(ppt)JavaScript内置对象(ppt)JavaScript内置对象(ppt)JavaScript内置对象(ppt)JavaScript内置对象(ppt)JavaScript内置对象(ppt)...

    第10节 JavaScript内置对象.rar

    第10节 JavaScript内置对象.rar第10节 JavaScript内置对象.rar第10节 JavaScript内置对象.rar第10节 JavaScript内置对象.rar第10节 JavaScript内置对象.rar第10节 JavaScript内置对象.rar第10节 JavaScript内置对象....

    JavaScript内置对象大全

    ### JavaScript内置对象大全:深入解析 #### 一、Date对象:日期与时间处理的核心 `Date`对象在JavaScript中用于处理日期和时间相关的操作。它提供了丰富的方法来获取和设置日期时间的不同部分。 1. **构造函数**...

    javascript 内置对象大全(完整版)

    JavaScript内置对象大全是学习JavaScript编程不可或缺的部分,涵盖了语言的核心组件和功能。JavaScript是一种轻量级、解释型的编程语言,最初由Netscape公司开发,主要用于网页和浏览器交互,提供动态网页效果和用户...

    03 JavaScript内置对象与浏览器对象.ppt

    目标掌握: javascript内置对象 String 对象 Math 对象 Date 对象 浏览器对象 浏览器对象简介 Window Document History Location Screen event

    基于Rhino引擎的低侵入式JavaScript内置对象扩展方法.pdf

    基于Rhino引擎的低侵入式JavaScript内置对象扩展方法.pdf 本文主要介绍了基于Rhino引擎的低侵入式JavaScript内置对象扩展方法。Rhino引擎是一个JavaScript解析引擎,可以解析JavaScript脚本并生成网页信息。为了...

    JavaScript内置对象

    JavaScript内置对象

    JavaScript内置对象导览图

    这篇教程将带你深入理解JavaScript内置对象的导览图,让你更好地掌握这门语言的基础和高级特性。 1. **全局对象Global** 全局对象是所有JavaScript代码的上下文,它包含了一些基本的属性和方法,如`window`(在...

    javascript内置对象[参考].pdf

    JavaScript 内置对象是语言核心的一部分,提供了许多用于处理日期、数学计算和其他常见任务的功能。在JavaScript中,Date对象和Math对象是两个重要的内置对象,它们在软件开发中扮演着关键角色。 Date对象主要用于...

    JavaScript内置对象思维导图

    与JavaScript内置对象文章相对应, 文章地址:https://blog.csdn.net/weixin_52479803/article/details/128849853

    JavaScript内置对象.xmind

    自己总结的JavaScript内置对象的笔记,绘制了详细的思维导图,每个思维导图中均有详细的博文解释,方便大家学习和理解,免费分享给大家。适合网页前端的爱好者和学习者

    JavaScript内置对象math,global功能与用法实例分析

    JavaScript是一种广泛应用于网页开发的脚本语言,...通过这些示例,我们可以看到JavaScript内置对象Math和Global在实际开发中的重要性和实用性。掌握这些对象及其方法,对于开发高质量和高性能的网页应用是至关重要的。

    5.2.1JavaScript内置对象.docx

    JavaScript的内置对象是其核心特性之一,提供了许多预先定义的对象,便于开发者进行常见的数据处理和操作。本节主要探讨了两个关键的内置对象:String对象和Array对象。 1. String对象: String对象用于处理文本...

    JavaScript 核心参考教程 内置对象

    JavaScript 不是纯面向对象的语言,而是基于对象的,这意味着它允许开发者利用内置对象来实现各种功能,但并不强制使用面向对象的编程范式。 在JavaScript中,内置对象是语言本身提供的基础结构,它们提供了许多...

    JavaScript内置函数与内置对象.doc

    JavaScript内置函数与内置对象.doc

    javascript内置对象操作详解

    JavaScript内置对象提供了很多有用的方法来处理字符串和数组,这些方法对于操作文本和组织数据非常实用。下面详细解释了几个常用的JavaScript内置对象及其操作方法。 1. String对象indexOf()方法 indexOf()方法是...

    javascript 内置对象及常见API详细介绍

    一、 类与对象  在 JavaScript世界里... Javascript内置对象学习 全局属性 Infinity 表示正无穷大的数值 NaN 非数字值 undefined 未定义的值 decodeURI() 对encodeURI()转义的字符串解码。 decodeURIC

Global site tag (gtag.js) - Google Analytics