`
majm
  • 浏览: 35577 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论
阅读更多
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.onscroll=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.onscroll=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:指定区域是否可见。
分享到:
评论

相关推荐

    Javascript总结导图

    本篇内容将围绕"JavaScript总结导图"展开,深入探讨JavaScript的基础知识、核心概念以及高级特性。 1. **基础语法** JavaScript的基础包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、...

    JavaScript总结笔记

    ### JavaScript总结笔记 #### JavaScript简介 JavaScript是一种广泛使用的、基于对象和事件驱动的脚本语言。它最初由网景公司(Netscape)的布兰登·艾奇于1995年创建,并逐渐成为现代Web开发的核心技术之一。...

    javascript总结

    在“javascript总结”这个主题中,我们将深入探讨JavaScript的基础知识,以及它如何与HTML标签相互作用来增强用户体验。 首先,让我们从HTML标签开始。HTML(超文本标记语言)是网页内容的结构框架,而JavaScript则...

    经典的javascript总结实例

    这篇经典的JavaScript总结实例将深入探讨DOM对象的操作和XML文档解析,这两部分是JavaScript在网页开发中不可或缺的部分。 首先,DOM(Document Object Model)是HTML和XML文档的结构化表示,它将网页内容转化为可...

    一张图对Javascript总结,用思维导图总结的。

    JavaScript总结,很适合学习基础的东西。上传的是图片格式是,方便大家打开。仅仅一张图,让你了解javascript。

    javascript总结.xmind

    javascript总结.xmind

    前端JavaScript总结

    在这个"前端JavaScript总结"中,我们将深入探讨JavaScript的基本概念、语法特性、核心功能以及在实际开发中的应用。 首先,JavaScript是一种解释型的、弱类型的脚本语言,它基于ECMAScript规范,并在Web浏览器中...

    javascript总结图

    在本“JavaScript总结图”中,我们可以期待找到一系列的图表,这些图表将帮助我们更好地理解和记忆JavaScript的核心概念、语法结构以及常用功能。 1. **基础语法** - 变量声明:JavaScript支持var、let和const三种...

    JavaScript的学习总结

    自己弄得一个总结文档方便初学者快速学习 csdn真恶心

    javascript课程内容总结

    JavaScript 课程内容总结 JavaScript 是一种广泛应用于网页开发的编程语言,以下是 JavaScript 的基础知识点总结。 数据类型 在 JavaScript 中,数据类型包括字符串(string)、数值型(number)、布尔型...

    个人Javascript学习笔记 精华版

    个人Javascript学习笔记 精华版 本资源为个人Javascript学习笔记的精华版,涵盖了Javascript的基础知识、事件处理、对象和系统函数、浏览器对象等方面的内容。下面是对每个知识点的详细说明: 1. 什么是JavaScript...

    javascript使用总结

    JavaScript,一种广泛应用于Web开发的脚本语言,是前端开发的核心技术之一。它主要负责网页的动态效果、用户交互以及数据..."JavaScript总结笔记"可能包含了这些内容的详细讲解,建议深入学习以提升JavaScript技能。

    JavaScript基础知识总结

    JavaScript 基础教程 JavaScript 是一种广泛应用于网页和网络应用的轻量级编程语言,它主要用于增强网页的交互性和动态功能。JavaScript 能够直接嵌入 HTML 页面中,为设计师提供了一种无需深入编程就能实现动态...

    JavaScript学习总结

    本文将围绕“JavaScript学习总结”这一主题,深入探讨其基本概念、语法特性、DOM操作以及与CSS的协同使用。 一、JavaScript基础 JavaScript由Brendan Eich在1995年发明,最初是为了网页交互而设计,现在已经成为...

Global site tag (gtag.js) - Google Analytics