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,免误解。