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
Hours 0-23
Day 0-6  星期中的每一天
Date 1-31 （一个月中的每一天）
Months 0-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，免误解。