javascript内置对象

最新推荐文章于 2025-04-13 09:27:29 发布

wanglihuhappy

最新推荐文章于 2025-04-13 09:27:29 发布

阅读量109

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript技术文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/wanglihuhappy/article/details/84119120

javaScript技术专栏收录该内容

25 篇文章

订阅专栏

本文介绍了JavaScript中的多种对象，如图像、导航、窗口等，并详细解释了如何使用这些对象进行页面交互，包括屏幕尺寸获取、事件绑定的不同方法及表单元素操作等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

图像对象：

导航对象：

窗口对象：

格式：

[window.]属性

[window.]方法（参数）

opener.属性

opener.方法（参数）

窗口名称.方法(参数)

实例：

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

屏幕对象

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

事件对象

在js中为某个对象（控件）绑定事件通常可以采取两种手段：

1）第一种方式：

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>

位置对象