JavaScript语法(1)

原创 2007年10月02日 21:38:00
 
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码
对象.onkeydown=”脚本/函数”
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,在这个时间点上,函数的程序和链接的动作都会停止
 
 
 

相关文章推荐

【JavaScript】(1)基础语法

1. 添加JavaScript脚本用标签包含起来例如: document.write("helle"); type是告诉浏览器,我们插入的是文本类型,使用的脚本是JavaScript。 我们也...
  • scarthr
  • scarthr
  • 2015年06月14日 10:24
  • 373

《javascript语言精粹》读书笔记 Item1 精华与语法

第一章 精华 任何语言都有其精华的部分和鸡肋的部分,javascript也不例外,而且鸡肋的部分还很多。但javascript的流行却不受他的质量影响。javascript为何如此流行?因为他是w...

Python和JavaScript在语法上的区别[1]

变量声明的区别 在变量声明上Js使用的是var和let分别声明函数作用域和块级作用域。在python里直接写拉丁字母声明,无前缀。 数据类型的区别 在js中基本的数据结构有Object,Array...

JavaScript-简单语法1

JavaScript /* document.write(" hello world!");//相当于System.out.println() document.write(" hel...

1JavaScript基本语法、函数和Window对象

1、JavaScript基本语法 JavaScript的主要作用 1, 客户端表单验证 2, 页面动态效果 3, 动态改变页面内容 什么是JavaScript JavaScript是基于对...

JavaScript——1(基本语法,类型,变量与运算符,控制流程,函数)

一.JavaScript的基本语法1,JavaScript是一种应用广泛的浏览器端Scripts。 2,JavaScript并没有规定每条程序语句的结尾一定要加上分号(;)。 3,函数名称的开头建...

1. JavaScript 与 PHP 的语法区别

1. 基本类型php的基本类型分别: 1.基本数据类型:整型、小数(float/double)、字符串、布尔类型 2.复合类型:数组、对象 3.特殊类型:Null,资源类型JavaScript的基本类...
  • enlyhua
  • enlyhua
  • 2015年07月30日 10:13
  • 1345

JavaScript语法1

1.JavaScript的运行方法; 2.简单的代码编写; 3.简单的语法及定义.
  • h_h33
  • h_h33
  • 2016年12月14日 11:49
  • 104

JavaScript(1)__Js基础<数据类型,基本语法,运算符>

首先在学习之前,我们要了解web前端三层架构:(重点) 1:HTML:结构层:从语义的角度,去描述页面的结构 2:CSS:样式层:从审美的角度,去美化页面 3:JS:行为层:从交互的角度,去提升...

JavaScript小特性(1) – 基本语法

http://rolfzhang.com/articles/191.html
  • Baple
  • Baple
  • 2014年09月24日 15:37
  • 513
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript语法(1)
举报原因:
原因补充:

(最多只允许输入30个字)