JavaScript常用内置对象(window、document、form对象)

时间:2022-03-02 05:13:34

由于刚开始学习B/S编程,下面对各种脚本语言有一个宏观的简单认识。

脚本语言(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”中的一种。

VBScript是微软以VB为蓝本开发的一种脚本语言,它目前主要用在服务器端作为ASP的脚本语言;JScript是微软在JavaScript基础上做了一些扩充后的一种脚本语言,它只可以在MS IE中被使用;JavaScript是最为通用的,如果没有指定language属性,则默认为“JavaScript”。

下面对最常用的JavaScrip常用内置对象t做一些介绍:

常用内置对象:

Window对象:

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

基本语法为:[new window=]window.open(url,windowName[,windowPros]);其中表示这个新开窗口对象的变量名称;windowName是这个新开窗口的名称;windowPros是这个新开窗口的属性(用于设置新开窗口的外观);注:如果没有指定新开窗口的属性,那么新开窗口的属性就按照父窗口的属性设置。

JavaScript常用内置对象(window、document、form对象)

 

例如:

 

  <script language="javascript">
window.open("JStest1.htm", "newwindow", "height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no");
</script>


Document对象:

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

常用方法:

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

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

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

 举例:


<html>
<head>
<script type="text/javascript">
function message() {
var label = document.getElementById("test")
label.innerText = "kobe bryant"
}
</script>
</head> <body>
<input id="test" type="text" style="border-color:Red"/><br />
<input type="button" value="确定" onclick="message()"/>
</body>
</html>


JavaScript常用内置对象(window、document、form对象)

From对象:

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

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

测试效果图:

JavaScript常用内置对象(window、document、form对象)

<html>
<head>
<title>访问HTML元素</title>
</head>
<script language="javascript" type="text/javascript">
function checkuserName(username) {
var label = document.getElementById("errorMsg");
if (username.length < 6) {
label.innerText = "用户名的长度必需大于6位";
} else {
label.innerText = "";
}
}
</script>
<body>
<form name="frm" method="post" action="">
用户名:<input type="text" name="userName"/><label id="errorMsg"></label><br/>
密码:  <input type="password" name="password"/><br>
<input type="button" value="确定" onclick="script:checkuserName(document.frm.userName.value)"/>
<input type="reset" value="取消"/>
</form>
</body>
</html>

JavaScript常用内置对象(window、document、form对象)的更多相关文章

  1. javascript常用内置对象总结&lpar;重要&rpar;

    Javascript对象总结 JS中内置了17个对象,常用的是Array对象.Date对象.正则表达式对象.string对象.Global对象 Array对象中常用方法: Concat():表示把几个 ...

  2. javascript常用内置对象——Array对象

    Array对象: 创建 Array 对象的语法: new Array(); new Array(元素个数); new Array(element0, element1, ..., elementn); ...

  3. 6 JavaScript函数&amp&semi;内置构造&amp&semi;函数提升&amp&semi;函数对象&amp&semi;箭头函数&amp&semi;函数参数&amp&semi;参数的值传递与对象传递

    JavaScript函数:使用关键字function定义,也可以使用内置的JavaScript函数构造器定义 匿名函数: 函数表达式可以存储在变量中,并且该变量也可以作为函数使用. 实际上是匿名函数. ...

  4. JavaScript 常用内置对象&lpar;字符串属性、Math对象、Array数组对象&rpar;

    1.字符串属性   <script>   var test_var = "I Iove you"; console.log(test_var.charAt(3)) // ...

  5. C&num;构造方法&lpar;函数&rpar; C&num;方法重载 C&num;字段和属性 MUI实现上拉加载和下拉刷新 SVN常用功能介绍&lpar;二&rpar; SVN常用功能介绍&lpar;一&rpar; ASP&period;NET常用内置对象之——Server sql server——子查询 C&num;接口 字符串的本质 AJAX原生JavaScript写法

    C#构造方法(函数)   一.概括 1.通常创建一个对象的方法如图: 通过  Student tom = new Student(); 创建tom对象,这种创建实例的形式被称为构造方法. 简述:用来初 ...

  6. 前端JavaScript&lpar;2&rpar; --常用内置对象&comma;函数&comma;伪数组 arguments&comma;关于DOM的事件操作&comma;DOM介绍

    昨日内容回顾 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 ...

  7. Unit05: JavaScript对象概述 、 常用内置对象一 、 常用内置对象二 、 常用内置对象三

    Unit05: JavaScript对象概述 . 常用内置对象一 . 常用内置对象二 . 常用内置对象三 常用内置对象使用演示: <!DOCTYPE html> <html> ...

  8. javascript数据类型和常用内置对象(重要!)

    数据类型:w3c undefind  null  string  number  boolean  Array   object 常用内置javascript对象: Array对象:Date对象:正则 ...

  9. JavaScript 进阶 常用内置对象

    一.常用内置对象 所谓内置对象就是ECMAscript提供出来的一些对象,我们知道对象都是有相应的属性和方法 数组Arry 1.数组的创建方式 字面量方式创建(推荐使用,简单粗暴) var color ...

随机推荐

  1. 窥探Swift之函数与闭包的应用实例

    今天的博客算是比较基础的,还是那句话,基础这东西在什么时候都是最重要的.说到函数,只要是写过程序就肯定知道函数是怎么回事,今天就来讨论一下Swift中的函数的特性以及Swift中的闭包.今天的一些小实 ...

  2. NOIP2016呵呵记

    经过了一年的想象和臆测,经历了学长们的几次考试,通过老师的言语莫名感受过了所谓oi式压力之后,自己的考试也终于到来了. 考前的生活也没有想象中的那么充实,无非跟着神犇刷刷题,讨论算法,学点新技巧,然后 ...

  3. Jquery dialog属性

    修改标题: $('#test').dialog("option","title", "测试").dialog('open'); 修改位置: ...

  4. Bootstrap系列 -- 29&period; 按钮组

    单个按钮在Web页面中的运用有时候并不能满足我们的业务需求,常常会看到将多个按钮组合在一起使用,比如富文本编辑器里的一组小图标按钮等 按钮组和下拉菜单组件一样,需要依赖于button.js插件才能正常 ...

  5. Codeforces Round &num;281 &lpar;Div&period; 2&rpar;

    题目链接:http://codeforces.com/contest/493 A. Vasya and Football Vasya has started watching football gam ...

  6. 互联网时代的社会语言学:基于SNS的文本数据挖掘

    今年上半年,我在人人网实习了一段时间,期间得到了很多宝贵的数据,并做了一些还算有意义的事情,在这里和大家一块儿分享.感谢人人网提供的数据 与工作环境,感谢赵继承博士.詹卫东老师的支持和建议.在这项工作 ...

  7. Java 开源博客 —— Solo 0&period;6&period;9 发布时间!

    Solo 它是 GitHub 上 Star 的最大数量 Java 博客系统,今天,我们宣布 0.6.9 正式版,欢迎来到下载. 特性 基于标签的文章分类 博客/标签 Atom/RSS.Sitemap ...

  8. C&num;连接oracle数据库步骤

    1.  确认操作系统类型,操作系统是64位还是32位: 2.  按对应版本安装oralce客户端版本(64位还是32位): 3.  安装oralce管理员模块,同时赋予安装目录权限 4.  注册old ...

  9. java类与继承&lpar;转载&rpar;

    关于java的类与继承面链接是一个网友总结的,还有列子我个人觉得很详细 固拿来收藏,需要的朋友可从这里访问: http://www.cnblogs.com/dolphin0520/p/3803432. ...

  10. sqlserver运行脚本数据出现 内存不足的解决办法

    但是当数据库导出脚本很大,用Microsoft SQL Server Management Studio执行脚本时,往往会遇到“内存不足”的提示. 解决办法: 用微软自带的sqlcmd工具,可以导入执 ...