您的位置：首页 > Web前端 > JavaScript

JavaScript：常用内置对象window、document、form举例（定义父窗口，接收子窗口返回的内容）

2014-07-09 15:04 686 查看

JavaScript常用内置对象

脚本语言（JavaScript，Vbscript，JScript等）介于HTML和C/C++，Java，C#等编程语言之间。它的优势在于代码执行时不用像编程语言那样必须经过“编译”，生成二进制机器码后再执行，而是由对应的解释器（或称虚拟机）直接解释执行。程序代码既是脚本程序，亦是最终可执行文件。

JavaScript是一种脚本语言。前身为LiveScript，是Netscape开发的一种描述式语言。自Sun公司推出Java之后，Netscape公司引入了Java中面向对象的一些概念，重新进行设计，并取名为JavaScript。虽然它里面还有一个“Java”，但其实和Java并无多大关系。Java是一种面向对象的语言，而Javascript是基于对象以及事件的。Javascript是运行在浏览器端的解释性语言，用于产生一些动态效果或者用于对HTML表单进行验证等。

在HTML中，使用<Script>标记的language属性指定脚本语言的类别。例：<Script language=”javascript”> ……</Script>。Language可以为“JavaScript”、“VBScript”或者“JScript”中的一种。

Window对象

是所有其它对象的“祖先”，对一个window对象的引用方法取决于它与当前位置的关系。这个对象最常用的地方在于从一个窗口中新开一个窗口。

基本语法为：[newWindow=]window.open(url,windowName[,windowPros]);

其中newWindow表示这个新开窗口对象的变量名称；windowName是这个新开窗口的名称；windowPros是这个新开窗口的属性（用于设置新开窗口的外观）。

注：如果没有指定新开窗口的属性，那么新开窗口的属性就按照父窗口的属性设置。

Document对象

document对象包含当前文档的信息，例如：标题、背景、颜色、表格等。

常用方法：

（1）通过write()/writeln()方法在浏览器中显示内容。

（2）获得当前文档中的元素、属性和节点信息（例如：通过“document.formName”来获得表示页面中的表单名称为fromName的表单对象）。

（3）getElementById()和getElementByTagName()。这两个方法会忽略文档的结构，可查找整个HTML文档中的任何元素（不论它们在文档中所处的位置，例如通过getElementByTagName()可以把文档中所有的<p>元素找到）。

From对象

form对象是document下的一个子对象，表示表单对象。一个文档中的每一个表单都是独立的、互不关联的对象。可以使用document.formName或者document.forms[index]的方式来获得对某个form的引用（index的值在0到此文档中form个数减一之间）。得到form对象后，就可以用它来获得form中各个表单元素。

例：当用户点击确定按钮时，document.frm.userName.value将把表单元素userName文本框的值传给checkuserName函数的参数。

父窗口：

<!--
定义父窗口，接收子窗口返回的内容——script_windowdemo_05.html
-->

<html>
<head>
<title>script_windowdemo_05</title>
<script  language="JavaScript">
function ShowNewPage(thisurl){
window.open(thisurl, "test", "width=300,height=200,scrollbars=yes,resizable=no");
}
</script>
</head>
<body>
<form name="parentform">
<input type="button" value="选择信息" onClick="ShowNewPage('子窗口_childwindow_form.html');"><br>选择的结果：
<!--@why@: 这里为什么要用单引号？-->
<input type="text" name="result">
</form>
</body>
</html>

子窗口：

<!--
定义子窗口
-->

<html>
<head>
<title>script_windowdemo_05</title>
<script language="JavaScript">
function returnValue(){
/*form对象是document下的一个子对象，表示表单对象。
一个文档中的每一个表单都是独立的、互不关联的对象。
可以使用document.formName或者document.forms[index]的方式来获得对某个form的引用（index的值在0到此文档中form个数减一之间）。
得到form对象后，就可以用它来获得form中各个表单元素。*/
var city = document.myform.city.value;

//取得打开页面的document对象(script_windowdemo_05.html中的document对象)
var doc = window.opener.document;

//将取得的信息赋值给上一个页面上的result文本框
doc.parentform.result.value = city;

window.close();
}
</script>
</head>
<body>
<form name="myform">
选择：	<select name="city">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="深圳">深圳</option>
<option value="广州">广州</option>
<option value="天津">天津</option>
</select>
<input type="button" value="返回" onClick="returnValue();">
</form>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航