首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

js基础跟dom编程

2012-10-07 
js基础和dom编程一:javaScript的基本语法1. 学习javaScript的原因:吸引用户,增加用户对网页的控制权。javaS

js基础和dom编程


一:javaScript的基本语法
1. 学习javaScript的原因:吸引用户,增加用户对网页的控制权。  javaScript旨在是网页开发的人员能对网页的功能进行管理和控制。
2.什么是JavaScript::是一种描述语言,基于事件和对象驱动,并且具有安全性能的脚本语言。
3.脚本基本机构:
<script language="javascript">
<!--
javascript 语句
-->
</script>
4.变量的声明和赋值。
<script language="javascript">
javascript 语句
var count=10;
var x,y,z=10;  //指的是z=10;
q=8;   //可以不声明而直接使用。
</script>
4.运算符号:算术运算符:+,-,*,/,%,,++,--,-(求反)
(注:在java中,5/2=2,而在JavaScript 中 5/2=2.5)
比较运算符:<,>,=,>=,<=,++,!=,
逻辑运算符:! ,&&,||
赋值运算符:=
6.逻辑控制语句:
1.条件控制语句:if (表达式)
{
JavaScript语句块
}
Else
{
JavaScript语句块
}
2.循环控制语句:
for(初始化;条件;增量或减量)
{
JavaScript语句块
}
5.       switch ( 表达式)
{
case 常量1 : JavaScript 语句1;
case 常量2 : JavaScript 语句2;
case 常量3 : JavaScript 语句3;
…..
default : JavaScript 语句n
}
6.数据类型转换:parseInt(“86”); parseFloat(“86.2”);  NaN(Not a Number  非数字)
7 定义函数:
function  caclu(参数1,参数2,参数3,参数n)  //  参数之间用逗号隔开,函数是区分大小写的。
{
JavaScript语句;
}.不能用var声明,否则会报错。
8. 获取表单数据
document.表单名.表单元素名称.value


二,DOM编程----window对象

1.DOM(Document Object  Model)由万维网联盟,(World Wide Web Consortium,W3c)定义。在DOM中,每一个对象都称为一个节点。
2. COM 简介:它是W3C国际组织的一套Web标准,它定义了访问HTML文档对象的一套属性,方法和事件,它是以层次组织的节点或片段信息集合。
DOM对象模型:
Window
history document location
link  form anchor0

3. meta 位于title 中间。(定时刷新)  innerHTML 会解析标签, innerText 不会解析标签。4. window 对象常用的属性
名称说明
status指定浏览器状态栏中显示的临时消息
screen有关客户端的屏幕和显示性能的信息
history有关客户访问过的URL信息
location有关当前的URL信息
document表示浏览器窗口中的HTML文档


常用方法


名称说明
alert(“提示信息”)显示一个带有提示信息和确定按钮的对话框
confirm(“提示信息”)显示一个带有提示信息和确定,取消按钮的对话框
open(“URL”,“name”)打开一个具有指定名称的新窗口,并加载给URL所指定的文档,如果没有,则打开一个空白文档
close()关闭当前文档
showModalDialog()在一个模式窗口中显示指定的HTML文档

showModalDialog(“打开对话框的URL”,”对话框名称”,”对话框特征”);

模式传值:

1. var address=document.getElementById("txtAddress").value;
document.getElementById("txtAddress").value=showModalDialog("Address.html",address," dialogWidth=300px;dialogHeight=200px");  //使用showModalDialog()接收值。

2.window.returnValue=province+city+xian+address+door;  //将获得的值返回

Date 对象和 setTimeout()
var 日期对象 =new Date(参数); var today=new Date();   //当前日期。
var today=new Date(“MM DD,YYYY ,hh:mm:ss”);  //日期格式

Date对象和方法组
方法组说明
setXX设置时间和日期值
getXX获得时间和日期值


值整数
Seconds(秒) minutes(分钟)0-59
Hours0-23
Day0-6  星期中的每一天
Date1-31 (一个月中的每一天)
Months0-11(1--12月)


setTimeout()方法
setTimeout() 表示每隔多少时间,循环调用麽个函数执行.
setTimeout(“dispTime()”,1000), 函数名称 和 时间clearTimeout(”dispTime()”);
setInterval(“dispTime()”,1000)同上clearInterval(”disptTme()”)

history   (back() ,forward(),go(“URL”,or number))
location   ( assign(“URl”//加载URL ,指定新的HTML文档, reload() //重新加载当前页,   replace(“URL”)// 指定文档替换当前文档))

(注:<A href=”javascript:history.go(-1)”>) //使用连接时 要加上javascript,免误解。

热点排行