javascript总结-亲爱精诚、养天地正气,法古今完人-iteye技术网站

javascript总结-亲爱精诚、养天地正气,法古今完人-iteye技术网站
2011年08月01日
　　 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”) 所有标签的引用
　　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行内样式 style=“样式属性”
　　>内嵌样式 class=“应用类样式”
　　>外部样式
　　。连接式
　　。导入式 @import outcss_file.css
　　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”) 所有标签的引用
　　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行内样式 style=“样式属性”
　　>内嵌样式 class=“应用类样式”
　　>外部样式
　　。连接式
　　。导入式 @import outcss_file.css
　　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：指定区域是否可见。