JavaScript总结

JavaScript总结
学习前的准备：
了解HTML 和XHTML
HTML是早期是使用在浏览器上的标记性语言。
XHMTL 是遵照W3C标准对html更为严格的标记语言，其文本标记都是以小写形式。
JavaScript的基本语法
1.1 为什要学习JavaScript
JavaScript的应用范围已经超出一般人的想象，但是，最初的javaSctipt是作为嵌入浏览器的脚本语言存在，它所提供的那些用以表示Web浏览器窗体及其内容的对象简单实用，功能强大，使得Web应用曾不少。
JavaSctpt程序员需要学会在什么情况下使用JavaScript才是安全的。

1.2 2 脚本执行的原理
1） 浏览器接受用户的请求；—2）向服务器请求某个包含JavaScript脚本的页面—3）应用服务器向端向浏览器发送响应消息
好处：减少不必要的网络通信，客户端执行可减轻服务器端的压力。
1.3.2运算符号
>算数运算符：+，-，*，-，%，++，--，-（求反）
>比较运算符：<，>，<=，>=，==，!=
>逻辑运算符：！，&&，||
>赋值运算符：
1.3.5类型转换
parseInt（“字符串”），parseFloat（“字符串”）

2. DOM编程——windows对象
2.1.1HTML文档的树状结构
Windows：history，document，location；
Doucment：link，form，anchor，
Form：text，textarea，radio，checkbox，button，option，reset，submit，select。
2.2 windows对象常用的属性，方法，事件
属性：status 状态栏，
screen 客户端显示性能 history 访问过的Url
location 当前的Url
document 表示浏览器中的Html文档
方法：alert(“提示性息”),
Confirm(“提示性息”)
Open(“打开窗口的url”,”窗口名”,”窗口特性”) 打开具有指定名称的新窗口
Close() 关闭当前窗口
showModalDialog() 在一个模式串口中字显示指定的HTML文档
事件：onload;
窗口特性的属性：
height，窗口高度
width，窗口宽度
toolbar，浏览器工具条
scrollbars，滚动条
menubars，菜单栏
location，地址栏
status，状态栏
resizable，是否可改变大小 true：0，false：1
2.3.1Date对象常用的方法
Var 日期对象=new Date（参数）参数：字符串格式—“MM DD,YYYY,hh:mm:ss”;
2.3.2setTimeout（）方法
setTimeout(“函数方法名（）”， 毫秒)
history对象方法
balck() 返回上一个forward() 下一个go(-1)上一个，go（1）下一个

location对象方法.
assign（“url”）加载Url指定到新的HTML reload（）刷新 replacement（“url”）加载新的文档来替换当前的文档
3. DOM编程——document对象
3.1.2 document对象
getElementById(“id”) 所有id的对象
getElementsByName(“name”) 所有name元素的对象数组
getelementsByTagName(“p”) 所有<p>标签的引用
3.2 制作浮动的广告图片
Var advInitTop=0;
Function move()
{
Document.getElementById(“层id”).style.pixelTop=advInitTop+
document.body.scrollTop;
}
Window.οnscrοll=move;
3.4制作全选效果
Function checkAll(boolValue)
{
Var allCheckBoxs=document.getElementsByName(“isBuy”);
For(var i=0; i<allCheckBoxs.length; i++)
{
If(allCheckBoxs[i].type==”checBox”)
{
allCheckBoxs[i].checked=boolValue;
}
}
}

4. CSS样式特效
4.1.1 样式表类型
>行内样式 style=“样式属性”
>内嵌样式 class=“应用类样式”
>外部样式
。连接式 <LINK rel=”stylesheet” href=”outcss_file.css” type=”text/css”>
。导入式 <STYLE type=”text/css”>@import outcss_file.css</STYLE>
4.1.2 常用的样式
1. 文本属性
font-size 字体大小，
font-family 字体类型，
font-style 字体样式，
color 文本的颜色，
text-align 文本对齐
2. 背景属性
background-color 设置背景颜色，
background-image 设置背景图像，
background-repeat 设置一个指定的图像如何被重复
3. 组合属性样式
不带下划线的超连接样式
A{
color:blue;
text-decoration:none;}
A:hover{
Color:red;}
细边框样式
.boxBorde{
Border-width:1px
Border-style:solid;}
图片按钮样式
.picButton{
Background-image:url(images/..jpg);
Border:0px;
Margin:0px;
Padding:0px;
Height:23px;
Width:2px;
Font-size:14px;
}
4.1.3 JavaScript改变图片背景图片的特效
事件：onmouseOut (浮入)
事件：onmouseOver (移出)
Display : 指定区域是否在浏览器中显示 visibility：指定区域是否可见。

学习前的准备：
了解HTML 和XHTML
HTML是早期是使用在浏览器上的标记性语言。
XHMTL 是遵照W3C标准对html更为严格的标记语言，其文本标记都是以小写形式。
JavaScript的基本语法
1.1 为什要学习JavaScript
JavaScript的应用范围已经超出一般人的想象，但是，最初的javaSctipt是作为嵌入浏览器的脚本语言存在，它所提供的那些用以表示Web浏览器窗体及其内容的对象简单实用，功能强大，使得Web应用曾不少。
JavaSctpt程序员需要学会在什么情况下使用JavaScript才是安全的。

1.2 2 脚本执行的原理
1） 浏览器接受用户的请求；—2）向服务器请求某个包含JavaScript脚本的页面—3）应用服务器向端向浏览器发送响应消息
好处：减少不必要的网络通信，客户端执行可减轻服务器端的压力。
1.3.2运算符号
>算数运算符：+，-，*，-，%，++，--，-（求反）
>比较运算符：<，>，<=，>=，==，!=
>逻辑运算符：！，&&，||
>赋值运算符：
1.3.5类型转换
parseInt（“字符串”），parseFloat（“字符串”）

2. DOM编程——windows对象
2.1.1HTML文档的树状结构
Windows：history，document，location；
Doucment：link，form，anchor，
Form：text，textarea，radio，checkbox，button，option，reset，submit，select。
2.2 windows对象常用的属性，方法，事件
属性：status 状态栏，
screen 客户端显示性能 history 访问过的Url
location 当前的Url
document 表示浏览器中的Html文档
方法：alert(“提示性息”),
Confirm(“提示性息”)
Open(“打开窗口的url”,”窗口名”,”窗口特性”) 打开具有指定名称的新窗口
Close() 关闭当前窗口
showModalDialog() 在一个模式串口中字显示指定的HTML文档
事件：onload;
窗口特性的属性：
height，窗口高度
width，窗口宽度
toolbar，浏览器工具条
scrollbars，滚动条
menubars，菜单栏
location，地址栏
status，状态栏
resizable，是否可改变大小 true：0，false：1
2.3.1Date对象常用的方法
Var 日期对象=new Date（参数）参数：字符串格式—“MM DD,YYYY,hh:mm:ss”;
2.3.2setTimeout（）方法
setTimeout(“函数方法名（）”， 毫秒)
history对象方法
balck() 返回上一个forward() 下一个go(-1)上一个，go（1）下一个

location对象方法.
assign（“url”）加载Url指定到新的HTML reload（）刷新 replacement（“url”）加载新的文档来替换当前的文档
3. DOM编程——document对象
3.1.2 document对象
getElementById(“id”) 所有id的对象
getElementsByName(“name”) 所有name元素的对象数组
getelementsByTagName(“p”) 所有<p>标签的引用
3.2 制作浮动的广告图片
Var advInitTop=0;
Function move()
{
Document.getElementById(“层id”).style.pixelTop=advInitTop+
document.body.scrollTop;
}
Window.οnscrοll=move;
3.4制作全选效果
Function checkAll(boolValue)
{
Var allCheckBoxs=document.getElementsByName(“isBuy”);
For(var i=0; i<allCheckBoxs.length; i++)
{
If(allCheckBoxs[i].type==”checBox”)
{
allCheckBoxs[i].checked=boolValue;
}
}
}

4. CSS样式特效
4.1.1 样式表类型
>行内样式 style=“样式属性”
>内嵌样式 class=“应用类样式”
>外部样式
。连接式 <LINK rel=”stylesheet” href=”outcss_file.css” type=”text/css”>
。导入式 <STYLE type=”text/css”>@import outcss_file.css</STYLE>
4.1.2 常用的样式
1. 文本属性
font-size 字体大小，
font-family 字体类型，
font-style 字体样式，
color 文本的颜色，
text-align 文本对齐
2. 背景属性
background-color 设置背景颜色，
background-image 设置背景图像，
background-repeat 设置一个指定的图像如何被重复
3. 组合属性样式
不带下划线的超连接样式
A{
color:blue;
text-decoration:none;}
A:hover{
Color:red;}
细边框样式
.boxBorde{
Border-width:1px
Border-style:solid;}
图片按钮样式
.picButton{
Background-image:url(images/..jpg);
Border:0px;
Margin:0px;
Padding:0px;
Height:23px;
Width:2px;
Font-size:14px;
}
4.1.3 JavaScript改变图片背景图片的特效
事件：onmouseOut (浮入)
事件：onmouseOver (移出)
Display : 指定区域是否在浏览器中显示 visibility：指定区域是否可见。