javascript2008
-----------------------------第一篇 入门篇-------------------------------------
第一章
1 javacript的起源;
是WEB页面中一种脚本编编语言;是一种能用的,夸平台的,基于对象和事件驱动的安全的角本语言;不需要编译,是直接嵌入在HTML页面中,提供用户交互和事件响应的动态网页;
2 javacript的主要特点;
解释性:不需编译,是直接在浏览器中运行被解释;
基于对象的语言:能运用自己的已经创建的对象的方法和属性,来相互作用;
事件驱动:可以直接对用户的输入做出响应,无需经过WEB服务器;
夸平台:与操作环境无关,能运用浏览器的PC,并支持JAVACRIPT的浏览器就可以正确的执行;
安全性:不允许访问本地硬盘,不允许将数据存入服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互,可能有效的防数据丢失;
3 javacript的应用;
验证用户输入的内容;两次输入的内空不同;
动画效果;
窗口的应用;
文字特效;
4 javacript浏览器对支持;IE6,JAVACRIPT5.6,网景浏览器;
第二章
认识HTML文档标记;
HTML文档的基本结构; <head> <body>两个标记不能嵌套;
HTML文档中的常用标记;
1 文字标记:<h1-6></h1-6>
2 文字格式标记:<font></font> size=1-7,默认3号;
3 文字样式标记:粗体<b></b>,下划线<u></u>,删除线<s></s>;
4 段落标记；<p>将一段文字分成两段
换行标记：<br>
无序列表标记：<ul>
<li>第一项
<li>第二项
</ul>
有序列表标记：<ol type="a",start="2">
<li>a.第一项
<li>.第二项
</ol>
5 超链接标记 <a></a>
6 图象标记:<img scr="" alt="">
7 表格标记:<table>
<caption></caption>
<tr>
<th></th>
</tr>
<tr>
<td></td>
</tr>
</table>
8 框架标记:<frameset>
<frame src="">
<frame src="">
</frameset>
<noframes></noframes>
9 多媒体标记:<embed src=""></embed>
第三章
1 <script></script>在中的使用javacript编程步骤;
<scritp langvage="" src type defer>
</script>
可以有放在HTML中的任何位置;
2 解决浏览器不支持javacript的问题;
3 使用外部文件;
<script src="a.js"></script>
----------------------------第二篇 提高篇-------------------------------
第四章
1 数据结构:标识符,关键字,常量变量,注释,//单行注释; /* AAA*/多行注释;
标识符:第一个字符是字母,下划线,或美元符号,
常量;const
变量:var a=11;
var a;
var b="aaaa";
var c=true;
var a=1;b=2;c=3;
2 数据类型
数字类型:
这符类型:可以用单引号或双引号括起来;
特殊数据类型:转义字符:/n
未定义值:undefined,表示变量还没有赋值;或赋予了一个不存在的值
NaN数字类型,非数字,序发生计算错误时,生产一个没有意义的数字,此时JAVACRIPT会返回一个NaN;
空值(NULL),试图引有一个没有定义的变量时,会返回NULL;
3 运算符
算术运算符: +-*/ ++ --
比较运算符: < > <= >= == === != !==
逻辑运算符: ! && ||
赋值运算符: = += -= *= /= %=
NEW 运算符来建一个对象; var mystring=new String("aBcD");
4 表达式
5 数据类型的转换;
字符转换为数字,为相应的数字,若是基它字符,则为 NaN
将字符转换为小写,
<script language="javascript">
var mystring=new String("aBcD");
var lower=mystirng.toLowerCase();
alert(lower);
</script>
第五章
条件控制语句;
<script language="javacript">
function chkingput(form)
{
if(form.username.value="")
{
alert("null");
form.username.focus();
return(false);
}
if(form.userpwd.value="")
{
alert("null");
form.userpwd.focus();
return(false);
}
return(ture);
}
if()
else if()
else if()
else
switch()
{
case aa:
ddd;
break;
case bb:
ddd;
break;
default:
ddd;
break;
}
循环控制语句;
对象访问语句;
第6章
1 String 对象的基础与应用
2 Arraly 对象的基础与应用
3 Math 对象的基础与应用
4 Boolean 对象的基础与应用
5 Number 对象的基础与应用
javacript内置对象
1 javacript内置对象:String, Array, Date,Math, Bollean, Number
是动态对象,需实例化后才能引用对象的方法和属性;
2 String属性:length,constructor ,prototype
length
constructor 当前对象函数的引用; if(str.constructor==String)
3 Array,
4 Date属性: constructor,prototype
5 Math
6 Number
7 章 正则表达式 RegExp,用时,要实例化一个对象;
基础 var result=reg.test(str); //f t
语法
RegExp属性,方法及应用;
var re=new RegExg("");
re.exec();
re.test();
var s="aaa";
s.search(re);
s.replace();
s.split();
var str=new String("abc");
str.prototype.name=12;
str.match("b");
str.replace(/b/,"B");
str.slice(2);
str.split(" ");str[0];
var ay=new Array();
var ay2=new Array(3);
var ay3=new Array(1,2,3);
ay3.reverse();
ay3.sort();
ay3.toString();
ay3.join("#");
var dt=new Date();
var dt2=new Date(2008.9.12);
dt.getDate();
document.write(Date());
dt.toString();
Math.random();
var bl=new Boolean();
var nb=new Number(10);
var reg=/^ming/;
reg.test(str);
8 章 涵数;
1 javascript涵数的定义;
位于<HEAD></HEAD> <SCRIPT></SCRIPT>之间;
2 javascript调用;<BODY> <onClick="test();> <a href="javascript:test();">test</a>
3 javascript变量的作用域;
4 javascript返回值;
5 涵数的特性:arguments
javascript 内置对象;转换涵数;
9 章 异常处理;
1 IE浏览器内建的错误报告;
2 异常处理; onerror,try---catch---finally,语法异常,运行时异常,逻辑异常;
3 onerror触发事件处理异常;throw new Error("");
throw new TypeError("");
alert("");
document.write("");
throw();
4 try---catch使作语句处理异常;
5 alert()使用语句进行调试;
6 write()使用调试;
7 出自定义异常消息进行调试
------------------------第3谝 javascript文档对象------------------------------------
10 章 事件处理
1 事件处理的概念;<body onLoad(="alert('aa') onunLoad="alert('a')"> onClick="softs=prompt('aa'),"","");
2 事件处理程序的调用;
if(window.even.keyCode==97)
{
location.reload();//按A刷新;
}
window.resizeTo(500,500);
document.body.onresize=fastness;
document.body.onload=fastness;
3 标键盘事件的应用;window.even
4 页面相关的事件的应用; onLoad,onunLoad,onClick,onresize
5 表单相关事件的应用; 焦点事件:onfocus,失去焦点事件:onblur,失支焦点修改事件:onchange,onsubmit,onreset,window.confirm("");
6 编辑事件的应用;
7 滚动字莫事件; <marquee behavio="al" scrollamount="1" direction="up" onbounce="pp()">
onstart();
oncut=false;
onbeforepaste="return clearup()">
11 章 窗口对象 window 对象(窗口对象)
1 window 对象的介绍;
属性:
document
frames
location
name
status
defaultstatus;
top
parent
opener
close
self
screen
navigator
方法:
alert()
confirm();
prompt();
open();
close();
focus();
2 javascript中对话框的使用;
1 警告对话框 window.alert("");
2 确认对话框 window.confirm();
3 可输入提示对话框 window.prompt();
3 窗口的打开和关闭;
1 window wr=window.open(url,windowname[,location]);
window.open("bok.aspx",bokinfo","width=500,height=300");
2 window.opener.location.reload();
window.close();
4 控制窗口技术及应用;
1 monveTo(300,300);
2 resizeTo(300,300);
3 screen
4 window.setTimeout('window.close()','5000');
5 window.showModalDialog("","","");
12 章 窗体对象
1 表单,表单元素基础,window,document,form, document.GetElementByID("");
2 在中获取表单与表单元素的引用;
3 窗体对象的属性,方法,事件;
4 表单元素的属性,方法,事件,
document.form.reset(); document.form.submit();
5 表单中的文本框的应用
6 表单中复选框的应用;
7 表单中单选按钮的应用;
8 表单中按钮的应用;
9 表单中密码框的应用;不提交表单,检测密码是否相同,
<input name="pwd" typ="password",class=web" id"pwd" onBlur="if(this.value!=this.form.pwd.value) alert('aa');" size="18">
13 章 文档对象
1 document 对象;
属性:
document.alinkColor="000000"; 链接获得点时的显示的色;
document.linkColor="green" 没单击的链接色;
document.vlinkColor="#00CCFF" 单击过的链接色;
document.title="";
document.url;
document.write();
动态添加文本框:
var txt=document.createElement("input");
txt.type="text";
txt.value="aa";
document.form1.appendChild(txt);
setColor
方法:
2 属性及应用;
3 方法及应用;
4 链接对象属性及应用;
5 BODY对象属性及应用;
document.body.topMargin=23;
td1.noWrap=true; 单元格可换行;
onMouseMove='move(2) onMouseOut='move(1)'
6 anchors 数组属性及应用;
7 all数组属性及应用; document.all.
14 章 框架
1 框架的创建;
frame iframe(内置框架)
2 标签;
3 标签;
4 内置框架的创建;
5 框架的嵌套
6 框架的引用;
7 框架的命名;
8 框架的应用;
动态创建框架:
var ifm=document.createElement('iframe');
ifm.scr="";
document.body.appendChild(iframe);
parent.location.href="";
self.location.href="";
window.location.href="";
window.openner.location="";
设置框架透明:allowtransparency;
15 章 select ,option
new select();
属性:
length;
multiple;
name;
options
selectedindex;
disabled;
form;
type;
size;
value;
方法:
blur();
add();
focus();
remove();
new option();
<select nultiple="false" name="myselect" size="2">
<option value="1">1</option>
<option value="1">1</option>
</select>
16 章 层
1 层的简介;网页中的块级元素,层中可以包括任休何HTML代码,分块控制网页内容的方法;层的相对位置;
分为:CSS层,使用DIV与SPAN定位页面内容;
NETSCAPE层:使用LAYER与ILAYER标签定位页面内容;
默认使用CSS层;
2 <div>标签语法,属性的应用;
<div align="center" class="s" style="a"> </div>
属性:
align 水平对齐方式,
id;
class;
style;设置对象的内嵌样式;它又有属性:width,color,height;
postion,定位;static,absolute relative;
display;是示显示;divid.style.display='block; 显示层;
divid.style.display='none';隐藏层;
SPAN:内行元素;前后不换行,没有结构的意义;是应用样式;常用来做文字特效;
DIV用来布局页面;
3 <ifrmae>标签语法,属性及应用;浮动标签;浮动框架;
4 <layer>标签和<ilayer>标签语法,属性及使用;
17 章 图象对象
1 图像对象;<img border='1' height='1' hspace='1' name='1' scr="",vspace='1' width='20' alt='11'>
属性:border,height;
方法:onload(),onAbord(),onError();onClick();onMouseOver(),onMouseOut();
2 应用; document.images[imgname];document.images[0]
innerHTML()
<img src="" style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makeout(this,1)">
3 典型应用--随机显示广告;Filter:revealtrans(duration="",transition=8);
18 dom对象
1 DOM对象的概述;
document;
Object;
model;
2 DOM对象的级别;html,head,title,body
3 层次; getElementById();
4 节点属性;
parentNode;firstChild,lastChild,previousSibling,nextSibling
5 节点方法;
appendChild()
closeNode();
hasChildNode();
insertBefore();
removeChild();
var b=document.createElement("b");
var txt=document.createTextNode("aa");
b.appendChild(txt);
document.body.appendChild(b);
19 event 对象
1 引用; 代表事件状态,键盘状态,鼠标按钮状态,鼠标位置;
2 属性;
target
type
n/a*
3 IE中EVENT的属性;它做为WINDOW对象属性访问;
altKey;
altLeft
bookmarks
button:0,1,2,3,4,5,6,7
keyCode:
window.event.button==2;
document.onmousedown;
if(window.event.altKey) //ctlKey,shiftKey,altLeft,ctrLeft,shiftLeft,
alert('alt is down');
4 IE中EVENT的典型应用;
window.event.x;
window.event.y;
window.event.returnValue=false; 设置或获取事件的返回值;
20 样式表和样式对象
1 style 元素对象的样式标签属性和样式属性;
document.GetElementById('AA').style.color="red";
2 styleSheet元素对象的滤镜属性;
3 style元素对象的方法;
4 style下拉导航条;
5 styleSheet元素对象及使用;
21 表对象
table,tableRow,tableCell
table属性
cellPadding,cellSpacing,borderColor,bgColor
方法;
应用;
tableRow属性 innerRow,deleteRow();
方法;
应用;
tableCell属性 innerCell
方法; tr.insertCell(1);
tb.rows.insertCell(2); deleteCell(0);rows.cells.innertText=""; var o=parseInt(trow);parseInt(tcor);
应用;
22 主体文本对象
1 <font>标记对象的属性和应用;
2 <hr>标记对象的属性和应用;
3 <h1> <h6>标记对象的属性和应用;
4 <marquee>标记对象的属性和应用;
23 cookie
1 概述;
name,expire,path,domain,secure, 保存登录状态,跟踪用户行为,创建购物车;民意测试,
2 在网页中使用COOKIE保存用户状态;
3 在服务器上和客户上传递流程;
4 限制COOKIE的过期时间;
5 限制COOKIE在特定的域与路径访问;
if(documetn.cookie.length!=0)
alert("页面以被加载过");
6 COOkIE
24 文件处理,页面打印
1 FileSystemObject对象的基础与应用;
fso=new ActioveXObject("Scripting.FileObject");
fso.GetAbsolutePathName("d:.."); d:word,返回当前路径的上一级目录;
fso.GetAbsolutePathName("nn");
2 Drive对象的基础与应用;
3 File对象的基础与应用;
4 Folder对象的基础与应用;
5 页面打印相关知识; WebBrowser组件打印的execWB();
WebBrowser.ExecWB(1,1)
WebBrowser.ExecWB(7,1);打印预
WebBrowser.ExecWB(6,1);打印
<a href="#" onClick="parent.contentFrame.focus();window.print();">打印框架里的内容;
<thead style="display:table-header-group;font-weight:bold"> 分页打印,每页有页眉;
25 嵌入式对象
1 object标记的介绍;
<object type="application/x-shockwave-flash" id="f1">
<param name="paly" value="false">
</object>
2 MIME类型的介绍;文件类型;
3 JAVA APPLET对象的应用;
<applet code="test.class" width="111" height="111">
</applet>
4 ActiveX控件的应用;组件对象模型
5 flash的应用;
<embed src="mrsoft.swf width=20">
</embed>
26 javascript 与XML技术的结合
1 创建XML文档;
xml;序言;
文档元素;
2 通过XSLT转换XML;
3 应用数据技术转换XML文档;
4 应用CSS转换XML
5 DOM 与XML
var xmldoc=new ActiveXObject("misrosoft.XMLDOM");
xmldoc.load("a.xml");
var rootElement=xmldoc.documentElement;
alert(rootElement.nodeName);
6 Ajax与 xml
div.innerHtml.text=display.text;
27 javascript 安全
1 同源策略;
2 IE安全区域;
3 javascript代码安全;
禁止网页另存为:
<body>
<noscript>iframe src=""></iframe></onscript>在BODY里加入:
禁止复制网页内容:
<body onselectstart="return false">
4 javascript加密;加密工具: Script Encode
screnc c:\index.htm c:index.html