由于刚开始学习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是这个新开窗口的属性（用于设置新开窗口的外观）；注：如果没有指定新开窗口的属性，那么新开窗口的属性就按照父窗口的属性设置。

 

例如：

 

  <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>


From对象：

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

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

测试效果图：

<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常用内置对象总结(重要)

    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函数&内置构造&函数提升&函数对象&箭头函数&函数参数&参数的值传递与对象传递

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

  4. JavaScript 常用内置对象(字符串属性、Math对象、Array数组对象)

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

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

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

  6. 前端JavaScript(2) --常用内置对象,函数,伪数组 arguments,关于DOM的事件操作,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. MySQLdb-python的安装

    第一步下载: 第一步:进入https://github.com/farcepest/MySQLdb1/ 第二步:解压 Shell>unzip /root/MySQLdb1-MySQLdb-1.3 ...

  2. linux---finger命令

    问题:CentOS7默认是没有安装finger这个程序的,所以finger命令执行不了. 解决方案: 1.安装finger yum -y install finger

  3. 打造坚固的安全的Linux服务器(ssh登录篇)

      Nov 3 01:22:06 server sshd[11879]: Failed password for root from 123.127.5.131 port 38917 ssh2Nov ...

  4. C/C++源代码的Include依赖关系图

    前一篇博文中我曾仔细介绍过如何查看C/C++代码的依赖项关系图,在这篇文章中我将会介绍如何使用Visualization and Modeling Feature Pack 工具包,查看C/C++源代 ...

  5. Protobuf从安装到配置整理帖 --转

    新做的Mini项目计划使用Google的Protobuf来做,关于Protobuf是什么玩意能干什么请自己去看这里:http://code.google.com/p/protobuf/ 这里讲一下安装 ...

  6. 判断一个字符串中是否包含另一个字符串（KMP、BF）

    判断一个字符串是否是另一个字符串的子串,也就是strstr()函数的实现,简单的实现方法是BF算法. 1.BF算法 int BF(char *s, char *p){ ; ; int j; while ...

  7. MGTemplateEngine 模版引擎简单使用（转）

    原文:http://blog.csdn.net/crazy_srufboy/article/details/21748995 要实现的效果 首先上图中间的 标题至内容 都是使用UIWebView显示, ...

  8. Dreamweaver PHP代码护眼配色方案

    结果展示 [1]主菜单选择编辑->首选项.在分类中选择"字体".设置代码视图的字体为Courier New [2]在分类中选择 "代码颜色",点击 &qu ...

  9. wikioi-1039-数的划分

    将整数n分成k份,且每份不能为空,任意两种划分方案不能相同(不考虑顺序). dp[i][j]:把数i分成k分的方案数 则:dp[i][j]=sum(dp[i-j][t])(t>=1&&a ...

  10. C#中关于DBNULL的处理方法

    从数据库中获取数据有些会是空值的,这时一不注意就会被坑了…… String.Concat(db.可能为DBNULL的值) 在这种情况下,如果是DBNULL,得到的会是""