第二章 DOM编程—window对象 HTML文档对象模型(HTML DOM)由万维网联盟W3C定义 是层次结构 组织的节点或信息片段的集合 它定义了访问HTML的一套属性，方法和 事件 网页文档内容（document对象）的定义：window.document.*.*… //Window对象的常用方法： Alert(“”)带确定按钮的提示框 Couirm(“”)待确定和取消按钮的提示框 Open(“URL”,”name”)指定新窗口名并打开 Close()关闭窗口 showModalDialog()打开模式窗体 Open(“URL”,”窗口名”,”窗口特征”) //窗口特征主要属性： Height高度 Width宽度 Toolbars是否显示工具栏 Scrollbars是否显示滚动条 Menbuer菜单栏 Location是否显示地址栏 Status是否显示状态栏的信息 Resizable是否允许改变窗口的大小 //Date对象 创建Date对象:var name = new Date(); Var name1 = name.方法（）;
Reload()重新加载当前页 Replace(“URL”)替换当前文档 例：前进返回功能
<a
href="javascript:history.go(1)">
前
进
href="javascript:history.go(-1)f="javascript:location.reload()">刷新</a>
CSS常用样式： 文本属性：font-size字体大小 font-family字体类型 font-style字体样式 color文本颜色 text-aligen 文本对齐 背景属性：background-color 设置背景颜色 -image 背景图像 -repeat 重 复方式 组合样式： 无 下 划 线 的 超 链 接 a{color:yellow;text-decoration:none;} a:hover{color:red} 细边框样式 .boxborder{border-width:1px; border-style:solid:} 图 片 按 钮 样 式 .picbutton{background-image:url( 图 片 ); border:0px; margin:0px; padding:0px; height:20px; width:66px; font-size:12px;}
第一章
JavaScript
JavaScript的基本语法
<script type=”text/javascript” language=”script”> </script> Var 变量的声明 运算符：算数 赋值 逻辑 比较
逻辑控制语句：
if else for while switch() {case:break;default:;} 注释：// /* */ /// 显示输出：document.Write();--输出属性不能带引号 类型转换：parseInt() parseFloat()—既定大小写 函数的定义：function 函数名{语句} 函数的调用:onClick=”函数名()” 表单的获取:document.表单名.表单元素名.value 作业
例：默认选中
</a>|<a </a>|<a
<select> <option value=”URL” selected—默认选中>
</select> 例：倒计时代码
<script language="javascript">
function time(){ var a1 = new Date(); var a2 = new Date("2012/12/21");
Date对象的显示值和主要方法： Set设置值 get返回值： Seconds秒 Minutes分钟 Hours小时 Day天 Date每一天/月 Month每个月 FullYear年 //SetTimeout（）方法 调用SetTimeout方法执行定时器效果：setTimeout(“调用函数名”,间隔时间 数值); //history对象实现前进后退功能 Back();后退 forward();前进 Go(1/-1):代替方法1前进-1后退:history.go（1/-1）; //location对象 属性：host hostname href 方法：assign(“URL”)加载URL指定新的HTML文档
下拉菜单 <select name=”列表框的名称” size=”行数”> <option value=”值” selected=”selected”默认选中></option> <option value=”值”></option> </select>
按钮 Reset重置按钮 Submit提交按钮 Button普通按钮
CSS CSS样式有4中 样式表类型有3种 样式表类型：行内样式表 内嵌样式表 外部样式表 行内样式表：在标签内加入style=””; 内嵌样式表：在标签内引用class=””; 外部样式表：在HEAD标签内加入<link rel=”stylesheet” href=”CS样式
名.css” type=”text/css”>或 <style type=”text/css”> @import CSS样式名.css </style>
HTML //默认字符集类型，网页语言的编码方式 <heta http-equiv=”Content-Type” content=”text/html;charset=gb2312”> gb2312(简体中文),big5(繁体中文),iso-8895-1(英文) //页面背景色和图像 <body bgcolor=”#?” background=”url”></body> //标题标签 <H1>…<H6> //字体属性 <font size=”大小” color=”颜色” face=”字体”></font> //特殊符号 空格 大于> 小于< 引号" 版权号© //行的控制 <BR>强制换行 <P>段落分隔 //图像标签 预格式化<PRE><IMG>word</PRE> 常用图像格式jpg—支持高分辨压缩 gif—应用最广泛 swf—矢量动画 bmp—位图 <img src=”UPL” width=”宽” hight=”高” alt=”提示” align=”对齐方式（top 顶对齐/bottom 底对齐 middle 中部对齐 left 左对齐 right 右对齐）”> //<HR size color width>分隔线 //列表 有 序 列 表 <OL type=”dise 实 心 默 认 /circle 圈 /square 空 心 ”><li> 列 表 </li><UL> 无序列表<UL type=”5种类型1 a A i I”><li>列表</li><OL> //页面链接标签
var minute = Math.round((a5/(1000*60))-(day*24*60)-(hour*60));
var
second
=
Math.round((a5/1000)-(day*24*60*60)-(minute*60)-(hour*60*60)); document.getElementById("a").innerHTML = "距离2012年12月21日还有
<html> <head> <title></title> <script language="javascript" type="text/javascript"> function get(){ var a=1, b=1,temp; var num = parseInt(document.myform.txtnum.value); for(var i =1;i<=num-2;i++){
<a href=”URL”>页面之间连接</a> <a name=”marker”>本页面内部链接锚记</a> <a herf=”#marker”>link</a> <a herf=”mailto:邮箱地址”>电子邮件链接</a> //滚动标签 <marquee mcrolldelay=” 速 度 值 ” direction=” 滚 动 方 向 ”> 滚 动 内 容 </marquee> //表格 <table><tr ><td colspan=”跨列数”/rowspan=”跨行数”>单行内单元格内容 </td></tr></table> <table bardercolor=”边框颜色” bgcolor=”背景颜色”> <tr bgcolor>行属性</tr> <td>列的行属性—单个单元格属性<td> <td align=”对齐方式”></td> <table cellspacing内框宽度/cellpadding文字与边框宽度=”值”> //表单 <from name=”表单名” method=”post作为脚本发送/get作为字符串发送” action=”发送执行的服务器URL”> <input type=”表单类型” name=”表单元素名” value=”初始值” size=”原始 宽 度 ” maxlength=” 最 大 字 符 数 ” checked--boolean 按 钮 是 否 被 选 中 =”checked”默认被选中> //表单类型 Text文本框 Password密码框 Radio单选按钮 Checkbox多选按钮
