2011韩顺平轻松搞定网页设计(html+css+js)之javascript现场授课笔记(完整版)

合集下载

精品课件-HTML+CSS+JavaScript网页设计教程-7. 第五章网页设计综合案例

第5章网页设计综合案例
5.2 准备工作
5.2.1 建立站点站点对于制作维护一个网站很重要，它能够帮助我们系统地管理网站中的各类文件，一个网站通常包括图片文件、网页文件、样式文件、脚本文件、视频文件等。建立站点就是创建一个存放网站文件的文件夹，并对其中的文件进行合理的分类和管理，可以在网站文件夹中创建文件夹对文件进行分类，创建images文件夹来管理图片文件、创建css文件夹
5.4 网页头部分析与5.实5 现导航部分分析 5与.6实广现告部分分析与5.实7 现主体部分的分析与实现
第5章网页设计综合案例
第5章网页设计综合案例
5.1 网站介绍及定位
腾讯网（）作为门户网站，从 2003年创立至今，已经成为集新闻信息，区域垂直生活服务、社会化媒体资讯和产品为一体的互联网媒体平台。腾讯网下设新闻、科技、财经、娱乐、体育、汽车、时尚等多个频道，充分满足用户对不同类型资讯的需求。同时专注不同领域内容，打造精品栏目，并顺应技术发展趋势，推出网络直播等
第5章网页设计综合案例
5.4头部分析与实现Fra bibliotek5.4.1 效果图分析头部部分由三部分组成，左边是腾讯网的Logo，中间是一个文本搜索框，当鼠标移动到文本框左侧的时候，会显示一个下拉列表，鼠标点击列表选项后所点击的文字会更新到文本框左侧。显示效果如图5-11所示。右边是三个按钮，当鼠标移动到相应按钮上时，按钮会通过切换成另外一个图片达到加亮显示效果。
采用div+css对网页进行布局设计，遵循内容和样式分离原则，并且使网站的页面结构更加清晰和条例。
第5章网页设计综合案例
5.3.1 网页整体布局
<!DOCTYPE html> <html> <head>

《HTMLCSSJavaScript网页制作三合一案例教程》教学课件13第十三章

《HTMLCSSJavaScript网页制作三合一案例教程》教学课件13第十三章以下是根据题目《HTMLCSSJavaScript网页制作三合一案例教程》教学课件13第十三章所编写的文章：HTMLCSSJavaScript网页制作三合一案例教程在本章中，我们将介绍一个HTMLCSSJavaScript的网页制作三合一案例教程。

通过学习这个案例，您将掌握使用HTML、CSS和JavaScript来创建一个完整的网页。

一、案例介绍本案例是一个简单的个人博客网页制作案例。

我们将使用HTML来构建网页的骨架结构，使用CSS来美化网页的样式，使用JavaScript来添加交互功能。

二、网页结构1. HTML结构我们首先使用HTML来创建网页的骨架结构。

在HTML文件中，我们可以使用不同的标签来定义网页的各个部分，如头部、导航栏、内容和页脚等。

通过合理的使用这些标签，我们可以建立一个清晰的网页结构。

2. CSS样式接下来，我们使用CSS来美化网页的样式。

通过为各个HTML元素添加样式规则，我们可以改变它们的颜色、大小、字体等外观特性。

同时，我们也可以使用CSS来创建布局，通过控制元素的位置和大小来实现网页的整体排版。

3. JavaScript交互最后，我们使用JavaScript来添加网页的交互功能。

通过JavaScript编写的代码，我们可以实现一些动态效果，比如点击按钮弹出提示框，显示隐藏的内容等。

这些交互功能可以增强用户对网页的体验，并且使网页更加生动有趣。

三、案例实现步骤下面是案例实现的主要步骤：1. 创建HTML文件，并编写网页的结构。

2. 使用CSS为网页添加样式，并进行美化。

3. 使用JavaScript来实现网页的交互功能。

4. 调试和测试网页，确保功能正常。

5. 优化网页的性能和用户体验。

四、案例效果展示在完成案例的实现后，我们可以通过本地或远程服务器来查看最终的效果。

你将会看到一个美观、交互且功能完备的个人博客网页。

韩顺平-javascript面向对象(基于对象)笔记汇总

Js面向（基于）对象编程js中基于对象== js面向对象js中没有类class,但是它取了一个新的名字叫原型对象，因此，类==原型对象问题提出：/*张老太养了两只猫：一只名字叫小白，今年3岁，白色，还有一只叫小花，今年10岁，花色。

请编写一个程序，当用户输入小猫的名字时，就显示该猫的名字，年龄，颜色。

如果用户输入小猫的名字错误时，则显示张老太没有这只猫猫。

*///传统方法比较麻烦cat1_name="小白";var cat1_age=3;var cat1_color="白色";//(原型对象/类//用面向对象的方法来解决上面的问题//这里就是一个类cat类function cat({}//如果这样用//cat(//函数var cat1 = new cat(//类//这时cat1就是一个对象(实例="小白";cat1.age=3;cat1.color="白色";//从上面的代码我们可以看出//1.js中的对象的属性可以动态添加//2.属性没有限制window.alert(+cat1.age+cat1.color+cat.hobby;(1 类是抽象的,概念,代表类事物(2 对象是具体的,体表一个实体(3 对象是以类(原型对象为模板创建起来的实体(1 工厂方法—使用new Object创建对象并添加相关属性.(2 使用构造函数来定义类(原型对象.(3 使用prototype(4 构造函数及原型混合方式.(5 动态原型方式.目前我们先讲使用构造函数来定义类(原型对象,基本语法:function 类名/原型对象({}创建对象:var 对象名= new 类名(现在对对象特别说明:1. js 中一切都是对象function Person({}window.alert(Person.constructor;var a = new Person(;window.alert(a.constructor;//a 对象实例的构造函数window.alert(typeof a;//a 的类型是什么var b=123;window.alert(b.constructor;window.alert(typeof b;var c="123";window.alert(c.constructor;window.alert(typeof c;//思考:如何判断一个对象实例是不是Person类型?if(a instanceof Person{window.alert("a 是 Person1";}if(a.constructor==Person{window.alert("a 是 Person2";}//全局变量var abc=89;function test({//在函数里,如果不带var,则表示使用全局的abc变量//如果带var,则表示在test(中,定义了一个新的abc变量(局部变量abc=900;}test(;window.alert(abc;访问对象的属性有两种方法:对象名.属性名对象名function person({}var p1= new person(;="阿华";window.alert(;//普通方式window.alert(p1["name"];var val="na"+"me";window.alert(p1[val];//动态方式对象引用问题的说明(图js还提供一种方式,主动释放对象内存delete 对象名.属性、;//这样就会立即释放对象的这个属性的空间在实际编程中,我们可能有这样的需求,当我们创建一个对象后,就希望该对象自动的拥有某些属性,就希望该对象自动拥有,◇使用◇可能有人会这样去思考问题,只能在内部使用,只能在内部使用,只能在类内部使用,,}var p1=new Person(;p1.show(;//p1.show2(;//这里会报错//window.alert(+" "+p1.age;//错误的哪个对象实例调用this所有的函数,那么this就代表哪个对象实例This不能放在类的外部使用,否则调用就变成window调用了◇对象---成员函数给一个对象添加(指定函数的几种方式function Person({="abc";this.age=30;this.show=function ({window.alert("name:"++" "+"age:"+this.age;}}var p1 = new Person(;p1.show(;function Person({="abc";this.age=30;function show1({window.alert("name:"++" "+"age:"+this.age;}window.alert(show1;//这个解释下面的p2.show=show2的疑惑.这个输出的是上面//的函数代码.(构造函数var p2 = new Person(;p2.show=show1;//记住不要加括号p2.show(;function Person({="abc";this.age=30;}var p3 = new Person(;p3.show=function show2({window.alert("name:"++" "+"age:"+this.age;}p3.show(;加强思考题看它们会输出什么?题1.function Person({="abc";this.age=30;}function show1({window.alert("name:"+;}var p2 = new Person(;p2.show=show1;show1(;//注意思考会输出什么?提示谁调用它.this就代表谁答案:name:空白(undefined题2.function Person({="abc";this.age=30;}Var name="abc2";function show1({window.alert("name:"+;}var p2 = new Person(;p2.show=show1;show1(;答案:nane:abc2前几种方法有一个问题，那就是以上对象独占函数代码，这样如果对象过多，则会影响效率，js设计者，给我们提供了别一个方法，原型法：这样多个对象可以共享函数代码，代码如下：function dog({}//使用prototype去绑定一个函数给shoutdog.prototype.shout=function({window.alert('小狗';}var dog1=new dog(;dog1.shout(;var dog2 = new dog(;dog2.shout(;//okwindow.alert(dog1.shout==dog2.shout;//返回true//扩展var dog3 = new dog(;var dog4 = new dog(;var dog5 = dog4;window.alert(dog3==dog4;// false 不是同一个地址window.alert(dog4==dog5;// true对代码原理说明图：补讲 ==号的作用1. 当 == 的两边都是字符串的时候，则比较内容相等否。

韩顺平轻松搞定javascript第六章内部对象和系统函数

js内部类—Date类
■
主讲韩顺平
Date类
Date类提供了日期和时间的操作，我这给大家介绍几个最常用的函数，其它的请大家参考javascript帮助文档。
1. 2. 3. 4. 5. 6. 7. 8. Date() getDate() getDay() getMonth() getYear() getHours() getMinutes() getSeconds() 返回当前日期和时间从Date对象返回一个月中的某一天从Date对象返回一周中的某一天从Date对象返回月份从Date对象返回年从Date对象返回小时数从Date对象返回分钟从Date对象返回秒数
还有一种比较特殊的就是混合使用比如Number类
—高级软件人才实作培训专家!
js内部类—Object类
■
主讲韩顺平
Object类
Object类是所有javascript类的基类，提供了一种创建自定义对象的简单方式，不需要程序员再定义构造函数。主要属性： <script language="javascript"> constructor-对象的构造函数 function getAttributeValue(attr) { prototype-获得类的prototype对象 ,static性质 alert(person[attr]); } 主要方法： var person = new Object(); hasOwnProperty(property)－是否属于 = "zs"; 本类定义的属性 person.age = 18; isPrototypeOf(object)－是否是指定类 getAttributeValue("name"); 的prototype getAttributeValue("age"); propertyIsEnumerable(property)－是 </script> 否可例举的属性 toString()－返回对象对应的字符串案例[object1.htm] valueOf()－返回对象对应的原始类型值

《HTML CSS JavaScript网页制作三合一案例教程》教学课件 01第一章

14
文档标签栏位于应用程序栏下方，左侧显示当前翻开的所有网页文档的名称及其关闭按钮；右侧显示当前文档在本地磁盘中的保存路径以及复原按钮；下方显示当前文档中的包含文档〔如CSS文档〕以及链接文档。当用户翻开多个网页时，通过单击文档标签可在各网页之间切换。另外，单击下方的包含文档或链接文档，可翻开相应文档，如图1-12所示。
<html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
27
HTML标签是由尖括号括起来的关键词，绝大多数HTML标签都是成对出现的，包含标记头< >和标记尾< / >。标记头是开始标签，标记尾是结束标签，中间是元素内容，如段落标签<p></p>。除双标签外也存在少量的单标签，如换行标签<br/>。 HTML文档源码中一行可以写多个不同的标签，也可将一对标签写在不同的行中，但每对标签必须嵌套使用，不能交叉使用。下面的列表中列出了标签的正确用法和错误用法。
4
案例一了解网站开发流程
案例步骤
网站开发流程从整体上来说可以分成3大局部，分别是网站设计、网站制作和后期维护，如图1-1所示。在这3局部中，本书着重介绍的是网站制作局部，强调3个要点的讲解：设置站点、搭建网页主体结构层、搭建网页样式层。
5
6 支撑知识点
一、网页、网站和主页
简单来说，网页就是我们上网时在浏览器中翻开的一个个画面。网页中可以包含文字、图像、表格、超链接、声音、影像等，其中文字、图像、超链接是组成网页最根本的3个元素。网站就是一组相关网页的集合，是通过Internet向全世界发布信息的载体。主页就是翻开某个网站时显示的第一个网页，又叫首页。每个网站都有一个主页，通过它可以翻开网站的其他页面。主页文件根本名一般为index或default，如、、和等。

传智韩顺平 html+css+javascrtpt 课程笔记3(吐血整理)

javascript 3=============================================================================== 1.Dom（文档对象模型）编程简介DOM = Document Object Model(文档对象模型)，根据W3C的DOM规范，DOM是HTML 与XML的应用编程接口（API），它将整个页面映射为一个由层次节点组成的文件。

编程人员通过访问dom 对象，就可以实现对浏览器本身、网页文档、网页文档中元素的操作，从而控制浏览器和网页元素的行为和外观。

2.html dom层次图dom编程的核心是各个dom 对象。

HTML DOM定义了访问和操作HTML文档的标准方法。

HTML DOM把HTML文档呈现为带有元素、属性和文本的树结构(节点树)，每个节点是一个HTML DOM内置对象。

3.BOM（浏览器对象模型）介绍通过使用BOM，可移动窗口、更改状态栏文本。

bom 是w3c 组织提出的，他建议所有的浏览器都应当遵循这样的设计规范。

可以说bom 和dom 关系密切, 相互影响，bom 为纲，dom为目，我们可以简单的理解，dom 是bom 中document的具体实现。

要求浏览器必须支持4.常用dom对象window对象window 对象表示一个浏览器窗口或一个框架。

在客户端JavaScript中，Window 对象是全局对象，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来用。

注：在使用window对象的方法和属性的时候，可以不带window，如下window.alert(“韩顺平!”)等价于：alert(“韩顺平”)。

常用方法和属性：✧alert() 显示消息和一个确认按钮的警告框✧confirm() 显示消息以及确认按钮和取消按钮的对话框✧setInterval() 按照指定的周期(毫秒计)来循环调用函数或计算表达式✧clearInterval() 取消由setInterval()设置的定时器✧setTimeout() 指定的毫秒数后调用一次函数或计算表达式✧clearTimeout() 取消由setTimeout()设置的定时器✧moveTo() 把窗口的左上角移动到一个指定的坐标✧moveBy() 可相对窗口的当前坐标把它移动指定的像素✧resizeBy() 按照指定的像素调整窗口的大小✧resizeTo() 把窗口的大小调整到指定的宽度和高度✧open() 打开一个新的浏览器窗口或查找一个已命名的窗口✧close() 关闭窗口✧closed 返回窗口是否已被关闭✧status 设置窗口状态栏的文本✧opener 返回对创建此窗口的窗口的引用✧onload 页面装载✧onunload 关闭窗口案例：一个js版用户登录系统，当用户输入顺平密码是123，就跳到第二个页面，5秒后，自动跳转到第三个页面。

HTML+CSS+JavaScript网页设计第11章 JavaScript语法基础

► document.body.className
该语句具有3个使用句点分隔的部分以得到CSS的类名：
► document指明正在访问document对象。 ► body对应了HTML页面中的<body>元素。 ► className指定需要访问附加在body上的任何CSS类。
HTML+CSS+JavaScript网页设计
目前，各大浏览器的最新版本，都支持ES6。
HTML+CSS+JavaScript网页设计
第11章 JavaScript语法基础
第9页
JavaScript的发展历程
完整的JavaScript实现包含3个部分： ECMAScript，文档对象模型(DOM)，浏览器对象模型(BOM)。
►ECMAScript是核心，提供核心语言功能。 ►文档对象模型，提供访问和操作网页内容的方
►<input type="button" value="打开"
►
onClick="window.open('11-
1.html','big','height=200,
width=400,menubar=no')" HTML+CSS+JavaScript网页设计
第11章 JavaScript语法基础
第11章 JavaScript语法基础
第4页
11.1 JavaScript简介
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它可以嵌入到HTML中，在客户端执行，是动态特效网页设计的最佳选择，同时也是浏览器普遍支持的网页脚步语言。

css和js韩顺平学习笔记

1,Web标准的组成：结构，表现和行为；结构标准对应的主要语言是XHTML表现标准对应的主要语言是CSS行为标准对应的主要语言是javascript制作成一个静态页面，主要用到的就是xhtml和css，所以制作标准页面的技术就是xhtml+css;2,css定义的技巧：1，为了将来的css代码优化，建议所有的属性值后面都要带上";";2,某些xhtml标签，有自己默认的css属性值；例如，h1标签就有自己默认的属性值。

3，为了兼容主流的浏览器，或者为了统一效果，建议我们在设置时，将所有元素的css属性，重置为一个标准的；4，不同的浏览器，有各自不同的css属性值---就是浏览器的兼容性5，css可以重新设置html标签的默认设置；3，CSS应用给网页的方法：1，内联式样式表：直接写在现有的标记中，如<p style="color:red">这里文字是红色的</p>2, 嵌入式样式表：使用<style></style>标签嵌入到HTML文件的<head>标签中。

如：<style type="text/css">body {background:white;color:black;}</style>3，外部链接式样式表：将样式表写在一个独立的.css文件中，然后在页面<head></head>标签内使用<link>标签调用它，主要用于实现表现与结构的分离，如：<link href = "main.css" rel="stylesheet" type="text/css"/>4, 导入式样式表[用的较少]：导入式样式表与链接式样式表的功能基本相同，只是语法与动作方式略有不同，同样也将导入样式代码写在<head></head>标记内。

传智韩顺平 html+css+javascrtpt 课程笔记2(吐血整理)

javascript 2===============================================================================1.js面向/基于对象编程-----类（原型对象）与对象（实例）(1)js面向/基于对象特征介绍Javascript是一种基于对象（object-based）的动态脚本语言，你遇到的所有东西都是对象。

js的面向对象技术广泛应用于AJAX等优秀框架。

☞特别说明：基于对象也好，面向对象也好，实际上都是以对象的概念来编写程序。

从本质上并无区别，所以这两个概念在课程中是一样的。

因为javascript中没有class(类)，所以有人把类也称为原型对象。

其实这两个概念在编程中发挥的作用都看成一个意思。

(2)为什么需要原型对象（类）？例子：张老太养了两只猫猫：一只猫叫小白，今年3岁，白色；还有一只叫小花，今年5岁，花色。

(3)类（原型对象）————如何自定义类（原型对象）和对象创建类的方式有5中方法：工厂方法——使用new Object创建对象并添加相关属性使用构造函数来定义类（原型对象）：上面的Cat类就是用此种方法基本语法：function 类名/原型对象名(){}创建对象：var 对象名=new 类名/原型对象名();使用prototype构造函数及原型混合方式动态原型方式2.如何判断一个对象实例是不是Cat类型？✧if(a instanceof Cat){window.alert(“a是Cat的实例”)}✧if(a.constructor== Cat){window.alert(“a是Cat的实例”)}3.带var和不带var的区别var abc=89;function test(){abc=900;//在函数里，如果不带var，则表示使用全局的abc变量89。

//如果带var，则表示在函数中，定义一个新的私有的abc变量。

韩顺平_轻松搞定网页设计html+(DIV+CSS)+javascript视频笔记(全)

韩顺平html第二讲<html><head><title>第一个网页</title></head><body><!-1-><font color=red>hello world</font></br><!-2-><font size=7 color=blue>hello world1</font></br><!-3-><font style="font-size:150px" color=yellow>hello world2</font></br><!-4-><p><font color=cyan>为字体更换颜色4</font></p><b><font color="red">hhhhh</font></b><!-5-></body></html>韩顺平html第三讲Html的超链接：例子：<html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><a href="">超链接</a> </br> <a href=""target= "-blank">在新窗口打开</a></br><a href=""target= "-self">在本页面打开</a> </br><ahref="mailto:**************************">给自己写信</a></body></html>Html图片元素（标记）：<img src ="图片路径" width="宽度" height=”高度” ></img>案例：（网页上显示图片）<html xmlns="/1999/xhtml"><head><title>无标题文档</title></head><body><img src ="a.jpg" width="100" > <a href=""><img src ="a.jpg" width="100" ></a>  <img src ="/photo/OqCsSUr6ytmOilpU0_1VaA==/4023121842125901437.jpg" width="400" ><img src ="a.jpg" width="100" border="10" > </img> </body></html>Table表格：案例：<html xmlns="/1999/xhtml"><head><title>无标题文档</title></head><body>******************表格,为表格添加背景****************</br><table border="15" height="1" cellpadding="20" cellspacing="0" width="477" align="center" bgcolor="cyan"> <tr align="center"><td >1</td><td>2</td><td>3</td></tr> </table></body></html>韩顺平html第四讲合并单元格：colspan=跨行列数roespan=跨列行数<head><title> 表格</title>***********菜谱***********<table border=1 bordercolor=red cellspacing=0 align="center" width=500px cellpadding="0" height=180> <tr align=center><td colspan=3>周一菜谱</td>></tr><tr align=center><td rowspan=2>素菜</td>><td>青菜</td>><td>土豆</td></tr><tr align=center><td>豆腐</td>><td>白菜</td></tr><tr align=center><td rowspan=2>荤菜</td>><td>肉丝</td>><td>大虾</td></tr><tr align=center><td>海参<img src="a.jpg" width=70></img></td>><td>鲍鱼</td>></tr></head><body></body></html>注释：<tr align=center></tr>在此处表示字体的对齐方式韩顺平html第五讲无序列表（html常用标记/元素-ui/li）格式: Html列表——无序列表<ul type=”属性值”><li>列表内容</li></ul><ul>的属性设定（常用）：例如：<ul tyre=”square”>Type=”squre”设定符号款式，其值有三种，如下，默认为Typr=”disc”Type=”disc”时的列项符号是实心圆点Type=”circle”时的列项符号为空心圆Type=”square”时的列项符号为空心正方形************无序列表代码例子*********<html><body><ul type="circle"><li>1</li><li>1</li><li>1</li></ul></body></html>Html列表——有序列表ol称顺序列表标记<ol type=”属性值” start=”起始值”><li>列表内容</li></ol>的属性设定（常用）：例如：<ol type=”i” start=”4”></ol>type=”i”设定数目款式的值有5种：阿拉伯数字，a小写字母，A大写字母，i小写罗马数字，I大写罗马数字************有序列表代码例子*********<html><body><ol type="1"><li>1</li><li>1</li><li>1</li></ol><ol type="1" start=”5”><li>1</li><li>1</li><li>1</li></ol></body></html>Html框架标记（元素）frameset/frame<Frameset frameborder=”边框大小”cols=”按照列的百分比,隔开”>rows=”按照行的百分比><Frame name=”给frame取名” src=”html路径” noresize></frameset>实例：qq.html<html><body bgcolor=blue>歌词</body></html>ee.html<html><body bgcolor=red>费玉清</body></html>All.html<html><frameset cols="20%,*" frameborder=100><frame src="qq.html" noresise name=”song” /><frame src="ee.html" noresise name=”jun” / ></frameset></html>注释：all.html中不能带body标记综合案例：all.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd"><html><head><title> New Document </title></head><frameset rows="30%,*" border="0"><frame src="top.html"noresize/><frameset cols="20%,*"><frame src="left.html" border=0 noresize/><frame src="right1.html"name="right"/></frameset></frameset></html>top.html<html><head><title> New Document </title></head><body ><img src="logo1.jpg" ></img></body></html>Left.html<html><head><title> New Document </title></head><body bgcolor=pink><a href="right1.html"target="right">青花瓷1</a></br><a href="right2.html"target="right">青花瓷2</a></br></body></html>Right1.html<html><head><title> New Document </title></head><body bgcolor=blue><p>right1.html</p></body></html>Right2.html<html><head><title> New Document </title></head><body bgcolor=yellow><p>right2.html</p></body></html>韩顺平html第六讲html表单form：介绍：html的表单元素，主要用于让客户输入数据，并提交给服务器语法格式：<form action=”url” method=“提交方法（get，post）默认是get方法”> 各种元素（输入框，下拉列表，文本域，密码框）<input type=submit><input type=reset></form>代码：提交界面.html<html><head><title> 登陆界面</title></head><body><h1>登陆界面</h1><form action="ok.html" method="get" align=center>用户名：<input type="text" name="username"/></br>密  码：<input type="password" name="pwd"/></br><input type="submit" value="登录"/><input type="reset" value="重新填写"/></form></body></html>Ok.html<html><head></head><body>ok</body></html>表单中提供给用户的输入形式有：<input type=* name=**>*=text文本框, password密码框, checkbox复选框, radio单选框, image图片按钮, hidden , submit提交按钮, reset重置按钮name是你给表单元素取的名子**=Symbolic Name for CGI scriptAction:指定把请求交给那个界面其他：<html><head><title> New Document </title></head><body>1****************复选框*******************</br><form action="" method="post" ><input type="checkbox" name="1"/>苹果<p><input type="checkbox" name="1"/>香蕉<p><p ><font color=red>*****************单选框******************</font></p></br><input type="radio" name="1"/>苹果<p><input type="radio" name="1" checked/>香蕉<p>2******隐藏一个表单元素****用处是可提交数据，同时不影响界面**********</br><input type="hidden" name="add" value="a.jpg">这里有一个隐藏的表单元素<p><p ><font*****************图片按钮******************</font></p></br> <input type="image" name="submit" src="a.jpg" width=30 align="top"/>苹果<p> *****************下拉列表******************</br><select name="like"><option valu= select>--请选择--</option><option valu=网游select>网游</option><option valu=足球select>足球</option><option valu=游泳select>游泳</option></select></br>*******文本区*********</br><textarea name="comment" rows="4" cols="25">请输入文本</textarea></select></br>************请选择要上传的文件*************</br><input type="file" name="myfile">请选择文件</br>************按钮*************</br><input type="button" value="点击一下吧"/></input></form></body></html>韩顺平html第二讲<html><head><title>第一个网页</title></head><body><!-1-><font color=red>hello world</font></br><!-2-><font size=7 color=blue>hello world1</font></br><!-3-><font style="font-size:150px" color=yellow>hello world2</font></br><!-4-><p><font color=cyan>为字体更换颜色4</font></p><b><font color="red">hhhhh</font></b><!-5-></body></html>韩顺平html第三讲Html的超链接：例子：<html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><a href="">超链接</a> </br> <a href=""target= "-blank">在新窗口打开</a></br><a href=""target= "-self">在本页面打开</a> </br><ahref="mailto:**************************">给自己写信</a></body></html>Html图片元素（标记）：<img src ="图片路径" width="宽度" height=”高度” ></img>案例：（网页上显示图片）<html xmlns="/1999/xhtml"><head><title>无标题文档</title></head><body><img src ="a.jpg" width="100" > <a href=""><img src ="a.jpg" width="100" ></a>  <img src ="/photo/OqCsSUr6ytmOilpU0_1VaA==/4023121842125901437.jpg" width="400" ><img src ="a.jpg" width="100" border="10" > </img> </body></html>Table表格：案例：<html xmlns="/1999/xhtml"><head><title>无标题文档</title></head><body>******************表格,为表格添加背景****************</br><table border="15" height="1" cellpadding="20" cellspacing="0" width="477" align="center" bgcolor="cyan"> <tr align="center"><td >1</td><td>2</td><td>3</td></tr> </table></body></html>韩顺平html第四讲合并单元格：colspan=跨行列数roespan=跨列行数<head><title> 表格</title>***********菜谱***********<table border=1 bordercolor=red cellspacing=0 align="center" width=500px cellpadding="0" height=180> <tr align=center><td colspan=3>周一菜谱</td>></tr><tr align=center><td rowspan=2>素菜</td>><td>青菜</td>><td>土豆</td></tr><tr align=center><td>豆腐</td>><td>白菜</td></tr><tr align=center><td rowspan=2>荤菜</td>><td>肉丝</td>><td>大虾</td></tr><tr align=center><td>海参<img src="a.jpg" width=70></img></td>><td>鲍鱼</td>></tr></head><body></body></html>注释：<tr align=center></tr>在此处表示字体的对齐方式韩顺平html第五讲无序列表（html常用标记/元素-ui/li）格式: Html列表——无序列表<ul type=”属性值”><li>列表内容</li></ul><ul>的属性设定（常用）：例如：<ul tyre=”square”>Type=”squre”设定符号款式，其值有三种，如下，默认为Typr=”disc”Type=”disc”时的列项符号是实心圆点Type=”circle”时的列项符号为空心圆Type=”square”时的列项符号为空心正方形************无序列表代码例子*********<html><body><ul type="circle"><li>1</li><li>1</li><li>1</li></ul></body></html>Html列表——有序列表ol称顺序列表标记<ol type=”属性值” start=”起始值”><li>列表内容</li></ol>的属性设定（常用）：例如：<ol type=”i” start=”4”></ol>type=”i”设定数目款式的值有5种：阿拉伯数字，a小写字母，A大写字母，i小写罗马数字，I大写罗马数字************有序列表代码例子*********<html><body><ol type="1"><li>1</li><li>1</li><li>1</li></ol><ol type="1" start=”5”><li>1</li><li>1</li><li>1</li></ol></body></html>Html框架标记（元素）frameset/frame<Frameset frameborder=”边框大小”cols=”按照列的百分比,隔开”>rows=”按照行的百分比><Frame name=”给frame取名” src=”html路径” noresize></frameset>实例：qq.html<html><body bgcolor=blue>歌词</body></html>ee.html<html><body bgcolor=red>费玉清</body></html>All.html<html><frameset cols="20%,*" frameborder=100><frame src="qq.html" noresise name=”song” /><fram e src="ee.html" noresise name=”jun” / ></frameset></html>注释：all.html中不能带body标记综合案例：all.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd"><html><head><title> New Document </title></head><frameset rows="30%,*" border="0"><frame src="top.html"noresize/><frameset cols="20%,*"><frame src="left.html" border=0 noresize/><frame src="right1.html"name="right"/></frameset></frameset></html>top.html<html><head><title> New Document </title></head><body ><img src="logo1.jpg" ></img></body></html>Left.html<html><head><title> New Document </title></head><body bgcolor=pink><a href="right1.html"target="right">青花瓷1</a></br><a href="right2.html"target="right">青花瓷2</a></br></body></html>Right1.html<html><head><title> New Document </title></head><body bgcolor=blue><p>right1.html</p></body></html>Right2.html<html><head><title> New Document </title></head><body bgcolor=yellow><p>right2.html</p></body></html>韩顺平html第六讲html表单form：介绍：html的表单元素，主要用于让客户输入数据，并提交给服务器语法格式：<form action=”url” method=“提交方法（get，post）默认是get方法”> 各种元素（输入框，下拉列表，文本域，密码框）<input type=submit><input type=reset></form>代码：提交界面.html<html><head><title> 登陆界面</title></head><body><h1>登陆界面</h1><form action="ok.html" method="get" align=center>用户名：<input type="text" name="username"/></br>密  码：<input type="password" name="pwd"/></br><input type="submit" value="登录"/><input type="reset" value="重新填写"/></form></body></html>Ok.html<html><head></head><body>ok</body></html>表单中提供给用户的输入形式有：<input type=* name=**>*=text文本框, password密码框, checkbox复选框, radio单选框, image图片按钮, hidden , submit提交按钮, reset重置按钮name是你给表单元素取的名子**=Symbolic Name for CGI scriptAction:指定把请求交给那个界面其他：<html><head><title> New Document </title></head><body>1****************复选框*******************</br><form action="" method="post" ><input type="checkbox" name="1"/>苹果<p><input type="checkbox" name="1"/>香蕉<p><p ><font color=red>*****************单选框******************</font></p></br><input type="radio" name="1"/>苹果<p><input type="radio" name="1" checked/>香蕉<p>2******隐藏一个表单元素****用处是可提交数据，同时不影响界面**********</br><input type="hidden" name="add" value="a.jpg">这里有一个隐藏的表单元素<p><p ><font*****************图片按钮******************</font></p></br> <input type="image" name="submit" src="a.jpg" width=30 align="top"/>苹果<p> *****************下拉列表******************</br><select name="like"><option valu= select>--请选择--</option><option valu=网游select>网游</option><option valu=足球select>足球</option><option valu=游泳select>游泳</option></select></br>*******文本区*********</br><textarea name="comment" rows="4" cols="25">请输入文本</textarea></select></br>************请选择要上传的文件*************</br><input type="file" name="myfile">请选择文件</br>************按钮*************</br><input type="button" value="点击一下吧"/></input></form></body></html>DIV+CSS部分笔记当属性设置float（浮动）时，其所在的物理位置已经脱离文档流了，但是大多时候我们希望文档流能识别float（浮动），或者是希望float（浮动）后面的元素不被float（浮动）所影响，这个时候我们就需要用clear:both;来清除。

网页设计与制作（HTML+CSS+JavaScript）单元5测试（1）答案

《网页制作与设计》课程单元测试五(1)（答案）一、单选题（每题3分，共30分）1．下面一段JavaScript代码的输出结果是。

for(i=0;i<10;i++){d ocument.write(“i”);}A．输出0到9 B．输出1到9 C．输出10到i D．输出0到10【答案】B2．以下语言是微软的IE和Netscape两种浏览器都支持的语言。

A．VBScriptB．ActiveXC．JavaScriptD．DOM【答案】 C3．嵌入HTML文件的JavaScript程序代码必须放在之后。

A．<script> B．</script> C．<Start> D．<Body>【答案】 A4．下列对象包括了confirm()方法。

A．documentB．windowC．locationD．Link【答案】 B5．关键字用来创建对象实例。

A．new B．objectC．instance D．V ar【答案】 A6．在循环中，continue语句的功能是。

A．让浏览器死机B．完全退出循环C．重新开始运行循环D．结束循环【答案】 B7．Math.random函数生成随机数的范围是。

A．1至100B．0至1C．1至10D．1至9【答案】 B8．下列代码段的功能是。

A．document.write("Hello World")B．"Hello World"C．response.write("Hello World")D．("Hello World")【答案】 A10．以下表达式产生一个0~7之间(含0,7)的随机整数。

韩顺平javascript笔记(全套)解析

韩顺平2011javascript笔记（全）JavaScript1.javascript基本介绍：(1)javascript是实现网页动态效果的基石，在web的开发中扮演重要的角色，被广泛的应用到各个领域：○1网页游戏○2地图搜索○3股市信息查询○4web聊天····(2)在web开发中，js是必不可少的技术，同时js也是ajax/jquery/extjs等框架的基础。

(3)javascript是一种广泛用于客户端WEB开发的脚本语言，常用来给HTML网页添加动态的功能，比如响应用户的各种操作。

2.脚本语言：(1)脚本语言往往不能独立使用(单独使用没有什么意义)，它一般与html/asp/jsp/php(2)脚本语言有自己的变量，函数，控制语句。

(3)脚本语言是一种解释性语言。

3.JS一般在客户端的浏览器执行。

但也可以对服务器进行编程(非常少)4.JavaScript简介JavaScript是一种解释型的语言。

Javascript并不是java的一种java脚本语言，除了名字都带有java这个此外，两者并没有任何关系。

Javascript的第一个版本出现在Netscape Navigator2浏览器中。

人们最初给javascript 起的名字是LiveScript。

然而由于，当时java技术的正是如日中天，netscape公司给livescript改名为javascript，以便是人们更加注意javascript。

随着javascript的发展，微软公司决定在IE浏览器中加入微软的品牌的javascript，即Jscript。

脚本语言不仅只有javascript的一种，还有其他的脚本语言，如VBscript和perl语言(1)<script>标记：第一个简单的javascript程序在网页中添加<script></script>标签中添加javascript代码，在<script></script>之间的代码块，不是用于显示html元素，而是需要浏览器进行处理的脚本代码，在<script>标记和对应的</script>标记之间包围的代码块，称为脚本块。

传智播客韩顺平轻松搞定网页设计 div+css

案例: my.css /*招生广告*/ .ad_stu { width: 136px; background-color: #FC7E8C; margin: 5px 0 0 5px; } /*广告2*/ .ad_2 { background: #7CF574; width: 457px; margin: 5px 0 0 6px; } /*房地产广告*/ .ad_house { background: #7CF574; width: 152px; margin: 5px 0 0 6px; } .ad_stu , .ad_2, .ad_house{ height: 196px; float:left; }
—高级软件人才实作培训专家!
块元素和行内元素
■
主讲: 韩顺平
块元素和行内元素-概念
行内元素(inline element),又叫内联元素: 内联元素只能容纳文本或者其他内联元素,常见内联元素<span> <a>
块元素(block element): 块元素一般都从新行开,可以容纳文本,其它内联元素和其它块元素，即使内容不能占满一行，块元素也要把整行占满。常见块元素<div> <p> 举例说明:[HTMLPage3.htm]
案例[HTMLPage2.htm]这里用到了滤镜技术.
—高级软件人才实作培训专家!
css的三种选择器
■
主讲: 韩顺平
选择器
选择器是css中非常重要的概念.css中有四种不同的选择器 ①类选择器，又叫class选择器 ②id选择器 ③html元素选择器 ④通配符选择器简单的说,选择器就是在css中创建，而在网页页面(html,jsp,php ,)中使用。

(完整版)韩顺平 2011细说Servlet笔记

第1章B/S与C/S结构1．1背景知识介绍J2EE的13种技术java->servlet->jsp [技术总是有一个演变过程]zip粘贴到word设置1．2回顾一下我们现有的技术java 基础(面向对象,集合,界面,线程,文件,网络)jdbc (java 的数据库编程)oracle / mysql / sqlserverhtml css javascript (web 开发) ->网页设计xmlserlvet+jsp ->java web开发[使用java技术做web开发]java ee 体系的介绍servlet项目演示web 开发介绍①静态页面(html)②动态页面1.用户可以输入数据，和页面交互(注册,购物,发帖子,付款...)2.不同时间打开页面，内容是变化.3.目前比较流行的左动态页面的技术( servlet/jsp , php , , asp, cgi ) 1．3动态网页技术的比较(了解)1．3．1 bs 和 cs的比较（1）BS：browser server 浏览器服务器（2）cs client server 客户服务为什么需要的web服务器/web究竟是干什么的?1．3．2 模拟一个web服务器 MyWebServer.javaimport java.io.*;import .*;public class MyWebServer{public static void main(String []args) throws Exception{ServerSocket ss=new ServerSocket(80);Socket s=ss.accept();//提示一句话System.out.println("在9999 上等待连接...");OutputStream os=s.getOutputStream();BufferedReader br=new BufferedReader(new FileReader("d:\\hello.html"));String buf="";while((buf=br.readLine())!=null){os.write(buf.getBytes());}//关闭流br.close();os.close();s.close();}}第2章Tomcat的安装与详解2．1通过tomcat来讲解BS结构2．1．1安装tomcat服务器解压即可，注意，全英文路径2．1．2配置Tomcat①在环境变量中添加JAVA_HOME= 指向你的jdk的主目录（并不是bin文件目录）②在不配置JAVAHOME的前提下启动tomcat在startup.bat的第25行中添加set JAVA_HOME=JKD路径2．1．3启动tomcat服务器到tomcat 主目录下bin/startup.bat2．1．4验证是否安装成功http://localhost:8080（8080是默认端口如果该端口已经被占用需要修改端口）2．2 Tomcat安装后问题解决2．2．1 Tomcat无法正常启动的原因分析1．JAVA_HOME 配置错误，或者没有配置2．如果你的机器已经占有了8080 端口，则无法启动，解决方法(1) 你可以8080 先关闭netstat–annetstat –anb 来查看谁占用该8080(2) 主动改变tomcat的端口.到conf/server.xml 文件中修改<Connector connectionTimeout="20000" port="8088"（去修给config->server.xml的端口号）protocol="org.apache.coyote.http11.Http11NioProtocol" redirectPort="8443"/>3．能够正常启动，但是会导航到另外一个页面.去修改工具->管理加载项，把默认的导航给禁用即可.4．在访问tomcat时候，一定保证tomcat 服务器是启动2．3 Tomcat的目录结构文件bin: 启动和关闭tomcat的bat文件conf: 配置文件-->server.xml: 该文件用于配置和server 相关的信息, 比如tomcat启动端口后,配置Host, 配置Context 即web应用-->web.xml : 该文件配置与web应用(web应用就相当于是一个web站点)-->tomcat-users.xml: 该文件用户配置tomcat 的用户密码和权限lib目录: 该目录放置运行tomcat 运行需要的jar包logs目录：存放日志, 当我们需要去查看日志的时候，很有用!,当我们启动tomcat错误时候，可以查询信息.webapps目录: 该目录下，放置我们的web应用(web 站点), 比如:建立web1 目录下面放置我们的html 文件jsp 文件..图片... 则web1就被当做一个web应用管理起来(☞特别说明tomcat 6.0 以后支持tomcat 5 版本还有别的设置)work: 工作目录: 该目录用于存放jsp被访问后生成的对应的server文件和.class文件2．3．1如何去访问一个web 应用的某个文件2．3．2首页面设置及目录规范结构现在我们要求：把hello.html文件设置成该web应用的首页，则需要把web应用的目录格式做的更加规范:①在web文件夹下配置WEB-INF文件夹②在web.xml 文件中添加配置的代码:<welcome-file-list><welcome-file>hello1.html</welcome-file></welcome-file-list>③通过http://localhost:8088/web1来访问hello1.htmlweb-inf目录下的classes目录将来是存放class文件lib 目录将来时存放jar文件web.xml 配置当前这个web应用的信息.2．3．3 Tomcat如何去管理虚拟目录需求: 当我们把web 应用放到webapps目录，tomcat会自动管理，如果我们希望tomcat 可以管理其它目录下的web应用?->虚拟目录配置我在d 盘有一个web应用.（1）虚拟目录配置步骤：a）找到server.xml文件b）编辑host节点添加Context path在server.xml中添加：<Context path="/myweb2" docBase="d:\web2"/>myweb2：是访问时输入的web名,实际取出的是web2中的资源"d:\web2"：绝对路径下web2中存放资源如：hello2.html实际访问时输入的地址：http://localhost:8088/myweb2/hello2.html绝对路径：从根分区找某个文件相对路径：从该文件位置去找另一个文件C）需要重启tomcat，才能生效.（因为是采用的dom技术讲信息加载到内存中）context 的几个属性的说明path:docbase:reloadable;如果设为ture ，表示tomcat 会自动更新web应用，这个开销大，建议在开发过程中，可以设为true, 但是一旦真的发布了，则应当设为false;upackWAR: 如果设为ture ，则自动解压，否则不自动解压.①：打war包cd:d/web2 然后jar –cvf web2.war *②：浏览打好的war包Deploy发布后会在webapps中自动生存改文件2．3．4配置域名我们看和一个如何配置自己的主机名:我们在实际访问网站的过程中，不可能使用http://localhost:8080/web应用/资源名的方式去访问网站，实际上使用类似或者的方式去访问网站，这个又是怎么实现的呢?看看ie浏览器访问一个web站点的流程.实现的步骤如下:(1) 在C:\WINDOWS\system32\drivers\etc下的host文件添加127.0.0.1 (2) 在tomcat 的server.xml文件添加主机名<Host name="" appBase="d:\web3”><Context path="/" docBase="d:\web3" /></Host>(3) 在d:\web3 加入了一个/WEB-INF/web.xml 把hello2.html设为首页面如果连端口都不希望带，则可以吧tomcat的启动端口设为80即可.(4) 重启生效2．3．5 Tomcat体系的再说明图:2．3．6如何配置默认主机在tomcat/conf/server.xml 文件<Engine name="Catalina" defaultHost="主机名">如：<Engine name="Catalina" defaultHost="">第3章为什么需要servlet技术? 3．1 servlet的介绍①servlet 其实就是java程序(java类)②该java 程序(java 类)要遵循servlet开发规范③serlvet是运行在服务端④serlvet 功能强大,几乎可以完成网站的所有功能⑤是学习jsp基础3．2 tomcat 和 servlet 在网络中的位置3．3 Servlet的生命周期3．3．1servlet的生命周期是怎样的/servlet究竟是怎样工作的UML 时序图帮助大家理解参看execel3．3．2面试题: 请简述servlet的生命周期(工作流程)答:标准版本：①WEB服务器首先会检查是否已经装载并创建了该servlet实例对象。

韩顺平-内部类和js系统函数学习笔记

◆Js的内部类Javascript中本身有提供一些,可以直接使用的类, 这种类就是内部类, 主要有: Object/Array/Math/Boolean/String/RegExp/Date/Number◆内部类的分类从使用的方式看，分为静态类和动态类静态类使用类名. 属性/方法比如:Math.abs(-11)动态类使用var 对象=new 动态类() 对象.属性/方法比如://显示当前的日期var nowDate=new Date();window.alert(nowDate.toLocaleDateString());◆Math类几个常用的方法:/*alert(Math.ceil(4.5)); // 5alert(Math.floor(4.5)); // 4alert(Math.round(4.77)); // 5//返回1到100的随机数alert(Math.round(Math.random()*100));◆Date类◆String类◆Array类常用方法:myArrl.pop()//出栈myArrl.push()//入栈。

Array类没有下标越界问题◆Boolean类◆Number类1.题答案：var b=23;b.toString(2);//b.toString(16);◆js系统函数-------------------------------**********************************------------------------------ 最后总结：内部类和系统函数多查查javascript参考手册。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

2011韩顺平轻松搞定网页设计
（html+css+js）之
javascript现场授课笔记（完整版）视频18整和19的前半部分不用看
Javascript的基本介绍
∙JS是用于WEB开发的脚本语言：
∙脚本语言是什么：
∙脚本语言不能独立使用，它和HTML/JSP/PHP/配合使用
∙脚本语言也有自己的变量，函数，控制语句（顺序，分支，循环）
∙脚本语言实际上是解释性语言（即在执行时直接对源码进行执行）
∙Java程序.java→.class→jvm , js→浏览器（js引擎来解释执行）∙Js在客户端（浏览器）执行
∙因为js是由浏览器来执行的，因此这里有个问题，不同类型的浏览器可能对js的支持不一样。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"/TR/html4/loose.dtd">
<html>
<head>
<script language="javascript">
function test(){
window.alert("hello world!");
}
</script>
<title> New Document </title>
</head>
<body>
<input type="button" onclick="test()" value="点击一下吧"/>
</body>
</html>
案例1
要求：打开网页后，显示hello 1
<html>
<head>

<script language="javascript">
window.alert警告("hello!");
</script>
<title> New Document </title>
</head>
<body>
<input type="button" onclick="test()" value="点击一下吧"/>
</body>
</html>
问题：
∙js的位置可以随意放
∙js必须使用 <script language="javascript"> 代码</script>
∙在一个html文件中（JSP/PHP/）可以出现多对（script）片段，浏览器会按照先后顺序一次执行
2:Hello world程序改进
∙如何定义变量：
∙如何运算：
<html>
<head>
<title> New Document </title>
</head>
<body>

<script language="javascript">
//js中变量的定义（js中变量用var表示，无论什么类型）
var num1=1;
var num2=60;
var result=num1+num2;
window.alert("结果是"+result); //alert函数window.alert表示弹出一个对话框
</script>
</body>
</html>
∙Js的变量类型是怎样决定的
1) Js是弱数据类型语言，即：在定义变量时候，统一使用var表示，甚至可以去点var
这个关键字
2) Js中的变量的数据类型是由js引擎决定的
Var name=”shunping”; //name是字符串
Var kk=2 //kk是数字
Name=234; //这事name自动变成数（可以变化）
∙Js的命名规范（函数/变量）：
1) 使用大小写字母，数字，$可以命名
2) 不能以数字打头
3) 不能使用js保留字和关键字（即java里的关键字）
4) 区分大小写
5) 单行注释：//
6) 多行注释：/*…….*/
韩顺平JS第三讲
∙Js的数据类型：
∙基本数据类型
∙数值类型（number）
∙字符串类型（string）
∙布尔类型
通过typeof可以看到变量的具体数据类型
举例：
<html>
<head>
<title> New Document </title>
<script language="javascript">
var vi="abc";
var v2=890;
window.alert("v1是"+typeof v1);
window.alert("v2是"+typeof v2);
vi=456; //体现js是动态语言：即数据类型可以任意变化window.alert("v1是"+typeof v1);//体现js是动态语言
</script>
</head>
<body>
</body>
</html>
∙复合数据类型
∙数组
∙对象
∙特殊数据类型
∙Null（空）即：var=null空值
∙Undefined
即：如下代码
<script language="javascript">
window.alert(tt ); //直接报错：未定义
var tt; //未给值
</script>
Nan：不是一个数 infinity：无穷大 isNaN:对“不是一个数的识别”（不是一个数true／是数fault）
∙Js定义变量，初始化，赋值
∙定义变量：即var=a
∙初始化：即在定义变量时就给值
∙赋值：即：比如你先定义一个变量 var=tt ，然后再给值：tt=780；
例子：编写一个程序，判断两个数是否能够整除
<script language="javascript">
var a=90;
var b=8;
if(a%b==0){
window.alert("能整除");
}else{
window.alert("不能整除");
}
</script>
∙++，运算符
a++ = a=a+1
a-- = b=b-1
++a 表示先把自己加1再赋值
--a 表示先把自己减1再赋值
例子：
Var a=56;
Var b=++a; //b=++a等同于[a=a+1;b=a] b=a++等同于[b=a; a=a+1;] Window.alert(b);
Window.alert(a);
∙--运算符
∙Var a=56;
∙Var b=--a; //b=--a等同于[a=a-1;b=a] b=a--等同于[b=a; a=a-1;]
∙Window.alert(b);
∙Window.alert(a);
错误案例：
更正：
重要
输出：
myfuns.js代码：
调用myfuns.js
案例一：Js文件：
调用：
案例2：
Js文件：
调用：abc（5）；输出：3 3 4
Js文件：
调用：
数组在内存中的存在形式：
内存数据调用案例：
输出：900
内存数据分析:
输出：35 90 900
内存数据调用分析：
输出： hello world abc 顺平
输出： h e l l o w o r l d a b c 顺平
输出： hello world
输出：
0=45
1=90
2=0
gg=9000
二维数组的遍历：
输出：shunping 123 4.5
a b c
优化排序：
输出：
输出：找到下标为4
数组转置：
输出：
该javascript笔记是传智播客韩顺平老师2011年的培训随堂笔记完整版,写的深入浅出,突出重点,案例丰富,通俗易懂,适合要求快速入门并不遗漏细节的同学参考学习。

祝同学们学习愉快！。