JavaScript语法（1）

 

1 、详解JavaScript

1.1 、JavaScript 概述

JavaScript是Netscape为了提高网页的处理能力而研制的，以LiveScript为基础，由Netscape和SUN公司共同开发的脚本语言

使用JavaScript就可以使网页产生动态变化，它和Java最大的区别就是其不需要编译，直接在HTML文件中编写JavaScript，然后把这个文件导入到浏览器上，就可以非常轻松的让其运行

1.2 、JavaScript 的表示方法

1.2.1 、<script> 的使用方法

要在HTML里面使用JavaScript，需要用到<script>标签

当在<script>中指定language属性的时候，样式为language=”JavaScript”，浏览器就会把其中指定的字符串判断成JavaScript来运行

浏览器基本上会忽略自身不识别的标签，因此，在不支持JavaScript的浏览器上察看设置了JavaScript的网页的话，就会直接看到其源代码

为了防止这种现象，就在脚本的第一行写<!--，在脚本的最后一行写-->把JavaScript代码给注释掉

1.2.2 、<noscript> 的使用方法

把JavaScript设置为无效，或者对使用不支持JavaScript的浏览器的用户显示信息时，要使用<noscript>

<noscript>要在<script>~</script>范围之外使用，当JavaScript有效时，<noscript>~</noscript>内的内容将无法显示

1.2.3 、注释的写法

在JavaScript中注释有两种写法：

//以后的行会被作为注释

/*~*/之间的内容也会被作为注释

1.2.4 、语句的分割方法

建议把语句用“;”分割开

1.2.5 、从外部导入JavaScript 的方法

除了可以在HTML文件中使用JavaScript这种方法以外，还可以在外部放置一个脚本文件，然后在<script>当中使用src属性指定的URL来导入这个外部文件，利用这种方法也可以运行JavaScript。在指定的文件当中，记述省略了前后的<script>的JavaScript代码。此时，外部脚本文件的扩展名为js

<script src=”URL” type=”text/javascript”></script>

1.3 、对象、属性和方法

1.3.1 、对象

JavaScripr能把浏览器的各个元件和信息作为对象读取出来，然后通过改变对象值并调查这个值，根据值来动态修改浏览器

JavaScript的对象大致可以分为处理浏览器自身带有的元件和信息的Navigator对象，以及编入它之中的内联对象

1、Navigator对象

浏览器的自身名称和版本等信息，以及显示在浏览器上的文本、图像和表格，这些都是浏览器事先都带有的元件，处理这些元件的对象叫做Navigator对象

Navigator对象分为几个级别，使用的时候，用.分隔级别的上下关系来设置

2、内联对象

JavaScript中有很多种内联对象，比如Date对象，String对象

在制作用户单独的对象或使用内联对象的时候要使用new运算符。

对象名=new 对象的类型（值）

1.3.2 、属性

对象带有很多特性，这些特性就叫做属性

属性同时也是对象

在JavaScript中属性要在对象后面加上一个点来隔开设置

对象.属性

1.3.3 、方法

方法用来为对象指定动作

对象.方法（值）

1.4 、事件处理程序

事件指的是根据用户或脚本下载网页及单击对象等情况时发生的特定动作，JavaScript能获取事件的发生，并开始运行脚本

1.5 、用event 对象获取事件

把事件作为event对象处理

1.6 、JavaScript 的数据类型

1.7 、函数

函数定义：

function 函数名(参数，参数，…){处理}

1.8 、内联函数

JavaScript事先定义好的函数，内联函数不需要依靠对象，可以在脚本的任何一个地方调用

1.9 、变量

设置变量的形式：

var 变量名=值

2 、获取Navigator 信息

获取浏览器名称

navigator.appName

获取浏览器的代码名称

navigator.appCodeName

获取浏览器的版本

navigator.appVersion

获取浏览器的用户代理

navigator.userAgent

获取platform 的类型

navigator.paltform

获取浏览器的使用语言

navigator.language

判断是否支持Java

navigator.javaEnabled()

获取能够使用的MIME 类型

navigator.mimeTypes

navigator.mimeTypes[i].type：MIME类型

navigator.mimeTypes[i].description：MIME类型的详细信息

navigator.mimeTypes[i].suffixes：MIME类型的扩展名

获取能够使用的插件

navigator.plugins

navigator.plugins[i].name：插件的名称

navigator.plugins[i].filename：文件名

navigator.plugins[i].description：详细信息

3 、获取显示信息

获取屏幕显示尺寸

screen.width

screen.height

screen.availWidth

screen.availHeight

获取显示器的显示信息

screen.colorDepth

4 、获取事件信息

获取事件类型

event.type 事件的种类

onCilck=”脚本/函数”

    onMouseOut=”脚本/函数”

onMouseDown=”脚本/函数”

onMouseUp=”脚本/函数”

onMouseOver=”脚本/函数”

获取事件发生的位置

event.type 事件的种类

event.screenX 事件发生时显示器上的X轴值

event.screenY 事件发生时显示器上的Y轴值

event.offsetX 事件发生时窗口的X轴值

event. offsetY 事件发生时窗口的Y轴值

对象onMouseDown=脚本/函数

获取按下了哪一个按键

event.keyCode 按键的ASCII码

对象.οnkeydοwn=”脚本/函数”

5 、对窗口进行操作

打开提示对话框

alert(字符串)

onClick=”脚本/函数”

打开带有确定和取消的对话框

confirm(字符串)

confirm()方法可以打开带有确定和取消的对话框

单击“确定”，返回真值（ture），单击“取消”，返回假值（false）

打开带有输入文本框的对话框

prompt(字符串，值)

prompt()方法可以设置带有输入文本框的对话框

利用prompt(窗口内显示的字符串，输入文本框的初始值)这样来设置，单击“确定”按钮之后，就把输入文本框的对话框的值代入进去，要是单击“取消”的话，就返回空值

打开新窗口

window.open(“URL”,”窗口名”，”属性”)

URL是窗口中显示的指定HTML的地址。窗口中指定的是任意的名称。如果这个窗口名与URL指定窗口名一致的话，就在原来的窗口打开。“属性”部分用来指定窗口的工具栏和菜单栏的显示以及窗口大小等。各个项目中间要用逗号隔开。如果该项目是所需要的，就指定为=yes或=1；如果不是所需要的就指定为=no或=0。指定窗口大小时的单位是像素。可以指定的属性有toolbar(工具栏)、location(地址栏)、direatories(目录栏)、status(状态栏)、menubar(菜单栏)、scrollbars(滚动条)、resizable(调整大小的框)、width=pixels(窗口的水平宽度)、height(窗口的垂直高度)，如果各个项目都省略的话，就默认设置成yes

关闭窗口

window.close()

setTimeout(语句，时间设定)

onLoad=”脚本/函数”

close()方法用来关闭窗口

在网页加载完毕后，会产生onLoad事件

在打开的窗口中操作原窗口

opener

closed

opener属性用于参照原窗口

closed属性用于获取窗口关闭的状态

将窗口显示在最前面

window.focus()

focus()方法可以把焦点集中在窗口上

将窗口显示在最下面

window.blur()

blur()方法可以从窗口把焦点移动到后面

在JavaScript1.2 中给open 方法添加的属性

window.open(“URL”,”窗口名”，”属性”)

outerWidth：以像素为单位指定窗口外侧的宽度

outerHeight：以像素为单位指定窗口外侧的高度

left：从显示器的左上角从左往右以像素为单位指定新打开窗口的左上角的位置

top：从显示器的左上角从上往下以像素为单位指定新打开窗口的左上角的位置

获取窗口的外框和内框信息

window.innerHeight

window.innnerWidth

window.outerHeight

window.outerWidth

innnerHeight属性和innerWidth属性分别存放窗口内的显示区域高度和宽度的值

outerHeighr属性和outerWidth属性分别存放包括工具栏和状态栏的窗口外侧高度和宽度的值

把浏览器移动到指定位置

window.moveTon(x,y)

x：从显示屏左上角向右移动的像素数

y：从显示屏左上角向下移动的像素数

moveTo()方法以像素为单位把窗口移动到指定位置（x,y）

把浏览器以指定的幅度逐次移动

window.moveBy(x,y)

x：水平方向的移动量

y：垂直方向的移动量

重新调整浏览器尺寸

window.resizeTo(x,y)

把浏览器以指定的幅度逐次调整大小

window.resizeBy(x,y)

滚动窗口

window.scroll(x,y)

x：从窗口左上角以水平方向进行滚动（像素）

y：从窗口左上角以垂直方向进行滚动（像素）

scroll(x,y)方法以像素为单位，根据x轴和y轴为基准，把浏览器滚动到指定位置上

把浏览器窗口滚动到指定位置

window.scrollTo(x,y)

它可以在窗口的显示区域内以像素为单位移动到指定位置上

将浏览器的显示区域按照指定的幅度逐次滚动

window.scrollBy(x,y)

在状态栏显示信息

window.status

onMouseOver=”脚本/函数”

搜索窗口内的文字

window.find(字符串，[ture|false])

利用find()方法可以搜索窗口内的字符串，当发现了指定的字符串之后，就会返回ture或false

控制各种栏目

window.locationbar.visible=[ture|false]|[1|0]

window.menubar.visible=[ture|false]|[1|0]

window.personalbarbar.visible=[ture|false]|[1|0]

window.scrollbars.visible=[ture|false]|[1|0]

window.statusbar.visible=[ture|false]|[1|0]

window.toolbar.visible=[ture|false]|[1|0]

6 、设置框架属性

在其他框架中显示输入的URL

    parent.框架名.属性

在向JavaScript框架以外的框架中传递JavaScript值的时候，要设置“parent.传送值得框架名.值”

parent.框架名.location.href=URL

使用链接同时改变多个框架

window.open(URL，框架名)

href=”JavaScript：函数”

可以为a标签指定<a href=”JavaScript：函数”>的方式调用JavaScripr函数

从打开的窗口中操作原窗口框架

window.open()

target=框架名

在框架中打开新窗口，在这个窗口中，利用<a href=”URL” target=框架名>给目标窗口的设置指定框架名，并给指定的框架设置加载的网页

7 、设置不同的文档效果

输出文字

document.write(字符串)

在JavaScript中向浏览器输出文字的时候，要使用write()方法。这时，如果在JavaScript中输出HTML的标签，就会像通常使用HTML时一样，被识别成标签。输出的文字也会和普通的文字一样，根据前后设置的标签来进行显示。另外，JavaScript本身也自带有与HTML标签相同的修饰文字

输出带有换行符号的文字

document.writeln(字符串)

获取文档信息

document.title

document.URL

document.referrer

这是用来获取document对象存储的HTML文件信息的属性

title属性具有HTML中<title>部分的值。URL属性具有HTML文件自身的URL的值。referrer属性具有HTML文件链接的URL值

获取文件的更新日期和时间

document.lastModified

lastModified属性为document对象存储的某个HTML文件的最终日期和时间

在打开的窗口中输入文字

document.write(字符串)

document.open()

document.close()

通过运行没有指定URL的window.open()方法，可以打开没有记述任何东西的窗口。然后利用JavaScript在该窗口中记述文档

向窗口中记述的方法如下：首先用document.open()方法打开文档stream，然后在其中用documentwrite()方法写上文档。最后，在文档记述结束的时候，用document.close()方法关闭文档stream

因为用document.write()方法输出的文字会把HTML标记和JavaScript标签按照通常的样式来识别。因此，可以在其中插入图片或者记述JavaScript

以后打开的文档和图像

和在新窗口中记述文字是同样的方法，可以替换在浏览器当前窗口上显示的文字

删除文字

document.open()

用document.open()方法打开文档stream的时候，把浏览器上显示的文字删除掉

指定文字和链接的颜色

document.alinkColor：设置链接激活时的颜色

document.bgColor：设置背景颜色

document.fgCplor：设置文字颜色

document.linkColor：设置链接文字颜色

document.vlinkColor：设置进行过链接的文字颜色

改变背景图像

document.all(对象名).background=URL

写入Cookie 文件

document.cookie

在JavaScript中可以写入并导入cookie文件信息

cookie文件放置在本地磁盘上，为了使用个人特定的信息和特定的网站所保存的信息，因此，能够显示用户访问网站的次数，而且还可以结合用户的信息进行显示

JavaScript由于安全性的关系，基本上设置成不能访问本地计算机的信息资源。cookie文件是JavaScript位移能够访问的资源

返回所选文字

document.getSelection()

getSelection()方法用来返回鼠标等设备所选的文字

8 、设置网页中的相关按钮

制作返回按钮

history.back()

制作前进按钮

history.forward()

制作后退数页和前进数页的按钮

history.go(n)

其他history 对象

current属性：current属性具有与当前浏览器窗口相同的URL值

previous属性：previous属性具有与浏览器窗口的后退按钮相同的URL值

next属性：next属性具有与浏览器窗口的前进按钮相同的URL值

9 、定位网页中的不同资源

获取本地网页的URL

    location.href：URL全局的值

location.protocol：URL内的http和ftp协议部分的值

location.hostname：URL内的主机名部分的值

location.pathname：URL内的路径名称部分的值

location.port：URL内的端口号的值

location.host：主机名和端口号部分的值

制作更新按钮

location.reload()

设置成不返回到原网页

location.replace()

10 、定义链接的不同效果

显示链接的URL 信息

document.links[索引]

将链接作用按钮1

href=”javascript：函数”

在指定的链接URL部分设置了“JavaScript函数”之后，单击链接的时候就启动该函数

将链接作用于按钮2

onClick=”脚本/函数”

return false

在链接上使用onClick的时候，单击链接启动函数后链接的动作也会相应启动。但是，从JavaScript开始，如果返回return false，在这个时间点上，函数的程序和链接的动作都会停止