javascript的基本语法和对象

学习内容:

1.javascript的基本语法.

2.javascript的对象

 

1.javascript的基本语法.(和别的语言一样,这是学习程序最基础的东东)

常量

整型常量:用十六进制,八进制,十进制表示

实型常量:由整数部分加小数部分表示.

布尔值:true和false

字符型常量:用单引号或双引号引起来的一个或多个字符.

空值:null 引用一个没有定义的变量,就会返回一个null值

变量

变量是用来存取数据,存放信息的容器,可分为全局变量和局部变量,通常声明于函数内的属于局部变量,全局变量在script标记内及函数个的.

变量名的定义就不想在多说了,不能用关键字作变量,以字线开头,除下划线个不能有空格,加号,减号.....等等....

在javascript中用var来声明变量. var myname="xox"

 

运算符

算术运算符

1.双目运算符(  +   -   *  /   %  )   2,单目运算符(!取反,~取补,++递加1,--递减1)

比较运算符

<     >     <=    >=   ==    !=

逻辑运算符又称为布尔运算符

!取反 &&逻辑与   || 逻辑或

 

表达式是变量,常量,布尔及运算符的集合,算术表达式,字符表达式,赋值表达式,布尔表达式

条件表达式:(条件)?结果1:结果2

 

基本语句

if-else

格式:  if(表达式)  {

               执行语句 1;

                  ..............

                  }

               else {

               执行语句 2;

                  ..............

                   }

if 语句可以嵌套使用

如: if( x>0)

           document.write("这个数是正数.<br>");

            else if(x<0)

            document.write("这个数是负数.<br>");

             else

            document.write("输入有误");

for循环语句

格式:

           for(初始化;条件;增量)

                    {

                       语句集;

                         .............

                        }

如:for(i=0;i<10;i++)

{

     x[i]=i;

}

while 循环

   while(条件) {

            语句集

            ............

               }

   条件只有一个,当条件不符合时跳出循环.

break 语句

可以使循环从for或while中跳出

语法:break;

continue 语句

使程序跳过循环内剩余的语句而过入下一次循环.

switch语句

当条件比较多时,可以用switch语句,

格式:

switch(表达式){

case 值 1;

   语句 1;

break;

case 值 2;

   语句 2;

  break;

default;

    语句 N;

)

说明:switch的表达式的值与每个case语句中的常量作比较,如果匹配,则执行该case语句后的代码,如果没有一个case的常量与表达式的值相匹配,则执行default语句,(default语句是可选的)

如果表达式的值和case和default都不匹配,则什么也不执行.

 

函数

语法:function 函数名(参数,变量) {

             函数体

             return   表达式

                  }

 

在javascript中函数名区分大小写.

 

2.javascript的对象

javascript中的对象是由属性和方法两个元素组成.

属性是对象在实施其所需要行为的过程中,实现信息的装载单位,从而与变量相关联.

方法是对象能够按设计者的意图而被执行,从而与特定的函数关联.

对象属性的引用

三种方法1.使用点运算符: 如 house.name="家"     house.date="2008";

2.通过对象的下标实现引用:通过数组形式的访问属性,可以使用循环操作获取其值.

如: house[0]="家" ;    house[1]="2008";

 function sho(object){

    for(i=0;i<2;i++)

             document.write(object[j])

}

3.通过字符的形式实现:

city["name"]="家";

city["date"]="2008";

 

对象方法的使用

语法:对象名.方法名()=函数名()

函数的具体功能即可实现对象方法的定义.如果要直接调用已知对象的方法,可以直接使用点运算符.如要调用math对象中的cos ()的方法:

 documetn.write(math.cos(35))

 document.write(math.sin(80))

 

浏览器的内部对象

浏览器对象(navigator):提供有关浏览器的信息.

文档对象(document):document对象包含文档元素(elements)一起工作的对象,它将这些元素封装起来供编程人员使用.

窗口对象(windows):windows对象处于对象层次的最顶端,它提供了处理navigator窗口的方法和属性.

位置对象(location):location对象提供了与当前打开的url一起工作的方法和属性,它是一个静态的对象.

历史对象(history):history对象提供了与历史清单有关的信息.

 

navigator对象常用属性

appName             浏览器的名称

appVersion          浏览器的版本

appCodeeName       浏览器的代码名称

browserLanguage     浏览器所使用的语言  zh-cn中文  en英文

plugins                       可以使用的插件信息

platform                    浏览器系统所使用的平台,win32

cookieEnabled            浏览器的cookie功能是否打开

 

document对象

javascript 的输出可用documetn来实现.

在document中主要有links,anchor form3个最重要的对象

anchor锚对象:它是指<a name=...>  </a>标识在HTML源码中存在时产生的对象,它包含着文档中所有的anchor信息

links链接对象: 是指<a href=...> </a>标记链接一个超文本或超媒体的元素作为一个特定的URL.

form窗体对象:是文档对象的一个元素,它含有多种格式的对象储存信息,可以用它来进行文字输入,并可以动态改变文档的行为.通过document.forms[]数组来使得在同一个页面上可以有多个相同的窗体,使用forms[]数组要比使用窗体名字方便得多.

输出显示write()和writeln()该方法主要用来实现在web页面上显示输出信息.

write和writeln不同之处就是在尾加了一个换行符,为了正常显示其输出信息,必须指明<pre></pre>标记,使之告诉编辑器,输出的文档类型,可以由浏览器中有效的合法广西类型所确定.

关闭文档流close():在多个文档对象中,必须使用close()来关闭一个对象后,才能打开另一个文档对象.

清除文档内容clear():清除文档中的内容.

 

windows对象

输入可以用windows来实现.

windows对象的常用方法

open(url,windowsname,parameterlist)   创建一个新窗口,3个参数分别是,url地址,窗口名称和窗口打开属性(一般可以包括宽度,高度,定位,工具样等)

window.open(“打开页面的url “, “新窗口名字” , “控制窗口样式的名/值对”);

控制窗口样式的名/值对参数如下(逗号隔开各个对)：

height=数字(默认为像素)    表示新建窗口的高度

width=数字     表示新建窗口的宽度

left=数字       表示新建窗口到屏幕左边缘的距离

top=数字      表示新建窗口到屏幕顶端的距离

directories=yes/1或者no/0(默认为关闭状态)  是否显示链接工具栏

location=yes/1或者no/0        是否显示地址栏

menubar=yes/1或者no/0        是否显示菜单栏

resizeable=yes/1或者no/0       是否允许调整窗口大小

scrollbars=yes/1或者no/0       是否显示滚动条

status=yes/1或者no/0          是否显示状态栏

toolbar=yes/1或者no/0          是否显示工具栏

例：

window.open("wilmop.html","","height=100,width=400,left=100,top=100,location=1, resizeable=0,menubar=yes,scrollbars=1");

close()关闭一个窗口

alert(text)  弹出一个窗口,text参数为窗口中显示的文字.

confirm(text)弹出确认域,text 为窗口中的文字.

promt(text,defaultext)弹出提示框,text 为窗口的文字,defaulttext默认情况下显示的文字.

moveby(水平位移,垂直位移)将窗口移至指定的位置

moveto(x,y) 将窗口移至指定坐标.

resizeby(水平位移,垂直位移)按给定的位移量重新设定窗口大小.

resizeto(x,y)将窗口定为指定大小.

back()页面的后退

forward()页面的前进

home()返回主页

stop()停止装载网页

print()打印网页

status()状态栏信息

location()当前窗口的url信息

setTimeout()方法  在指定时间后运行某个函数或代码

 完整语法:

   window.setTimeout(“函数名或代码”,”时间(默认为毫秒)”)；

例：(当页面加载完后3秒弹出对话框)

   <html>

    <head>

        <script type="text/javascript">

           function test(){

            alert("欢迎访问iixox的博客");

 }

  </script>

    </head>

    <body onload="javascript:window.setTimeout('test()',3000)">

      my name is iixox!!!

    </body>

</html>

 

如果要取消延期执行，使用window.clearTimeout(id)方法

 其接受的参数id是一个存放setTimeout()方法的变量.

例：(在延期执行前点击鼠标则取消延期执行的方法)

<html>

  <head>

      <script type="text/javascript">

 function test(){

          alert("欢迎访问iixox的博客");

         }

        var id=window.setTimeout("test()",3000);

        document.onclick=function(){

           window.clearTimeout(id);

        }

 </script>

  </head>

  <body>

      my name is iixox!!!

  </body>

</html> 

 

location对象

location对象是一个静态的对象,它描述的是某一个窗口对象所打开的地址,要表示当前窗口的地址,只需要使用location即可,要表示某一个窗口的地址,就使用"窗口对象.location"

属于不同协议或不同主机的两个地址之间不能互相引用对方的location对象,这是出于安全考虑.

常用的localion属性

protocol    返回地址的协议,取值为http:  , https: , file:等

hostname  返回地址的主机名,

port           返回地址的端口号

host            返回主机和端口号

pathhame   返回路径名.

hash           返回#以及以后的内容.如果没有#,则返回空字符串

searh          返回 ? 以及以后的内容..如果没有?则返回空字符串

href            返回整个地址,既返回在浏览器的地址栏上显示的内容.

 

location常用的方法主要包括:

reload():相当于internet explorer浏览器上的"刷新"功能

replace():打开一个URL并取代历史对象中当前位置的地址，用这个打开一个URL后，后退按钮将不能返回到刚才的页面．

 

history对象

history是指浏览器的浏览历史，其最重要的属性就是length.用于设定历史的项目数，也就是用浏览器的前进和后退可以达到的范围．

history常用的方法：

back()：后退，与单击后退按钮是等效的．

forward()：前进．

go() ：history.go(x)实现在历史的范围内到达一个指定地址．如果x<0,则后退Ｘ个地址，如果x>0,则前进Ｘ个地址，如果Ｘ＝０，则刷新现在打开的网页