网页课程学习总结LC.docx

网页设计课程学习心得总结（主要为JavaScript知识总结）学院： 太原工业学院 学号： 132054137 姓名： 刘创 班级： 1320541 指导教师： 邢珍珍 专业： 计算机课科学与技术 系别： 计算机工程系 总结经过一个学期的网页设计的学习，我们的专业基础更加扎实了，我们对于自己的专业学习更加有信心了。一开始对于网站设计我是抱着好奇以及兴趣认真地学习，刚开始接触网页设计时会觉得很神奇，平时上网接触到的网页可以通过自己的努力来建成。一心想着设计一个美观大气的大网站，可以与其他网站媲美。对于我这种初学者，有这种天真的梦想促使我更努力的学习网页设计。平时邢老师授课，讲解了有关网页设计的理论知识以及实际操作的示范。网页设计更着重于实际操作，我们在机房通过每次上课的学习运用，已经有了一定的基础。一开始我们都是看着别人的网站去模仿建设，到后来每个人在设计自己的网页时都有自己的人个人风格，这就是网页设计的乐趣。他不仅可以激发同学们的兴趣，还可以把自己的风格更大胆地展示出来，是一个可以展示自我的空间，使我们更有成就感。到了课程设计阶段，让我更清楚地认识到自己的建站水平。刚开始觉得两个星期足够我们去建成一个网站，但是我太高估我们自己了。一开始设计网站时不知道从何下手，之前老师上课讲的知识一时不知道怎么灵活运用起来，我才发觉对我软件功能的不太熟悉，除了基本的框架构建，其他的设计都需要比较长的时间去思考以及翻查书本。但是我很积极地向舍友提问，把自己存在的问题一一的解决掉。虽然建立网站不是很顺利，也只有这样我们才可以正视自身，把平时半桶水的听课方式给改掉。在这次的网站建设过程中，我发现自己对于知识不能灵活运用，不能巧妙地结合起来，对代码的不熟悉，这更加是一个大问题。建站过程中会遇到代码出错，代码位置写错之类的问题，当测试的时候出现了错误但是不能看懂出错原因，只能靠网上搜索。但是我能积极去面对才能完成任务，毕竟这是我的专业，为了专业而专业，不能说不喜欢就不愿意去学，这次课程设计我反省了自身的存在问题。我建立网站的时候都发挥自己的创新力、想象力，用心地完成这个大项目。会遇到很多的问题，经常因为一个细小的步骤而出错，做动态网页的时候会遇到更多类似的问题，通常都会花费我很多时间来解决出错原因。打个比方，我会一个上午都在弄留言板，因为不知道出错原因，或者因为asp的使用语法不熟悉，或IIS配置不正确等等。当请教同学的时候才恍然大悟，原来是这么简单的。当然，最终可以解决困难我还是很欣慰的。其中对于JavaScript技术，在本学期学习的过程中深有感悟，同时也在这次课程设计中收获了很多关于他的知识，在这里我就JavaScript的知识，总结一下有关JavaScript的相关知识。JavaScript知识总结1. 首先我们先认识什么是javascript？(1) JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。(2) JavaScript是由Netscape公司开发的一种脚本语言，其编写的程序可以嵌入到HTML页面中，并直接在浏览器中解释执行。(3) JavaScript可以被浏览器直接解释执行，它可以更好得减小服务器压力，提高程序运行效率。2. 其次认识下JavaScript发展历史以及应用范围关于历史离我们太远了，我们只需记住JavaScript是Netscape公司开发的就行，现在JavaScript是应用非常广泛的语言，也是一种”神奇”的语言。应用范围:(1) 增强网页的动态效果 (2) 实现与用户的实时动态交互 (3) 对客户端的事件进行处理 (4) 对浏览器窗口进行简单的控制 (5) 通过自带的document对象对HTML文档的外观和内容进行操作和处理 3. 认识Javascript语言特性(1) 基于对象：提供内置对象 (2) 事件驱动：脚本语言特性 (3) 简单性：弱类型语言 (4) 动态性：可以实时与网页交互 (5) 跨平台：浏览器解释执行 4. 如何使用JavaScript语言4.1引入JavaScript的三种方式(1) 内部引用：在HTML页面中嵌入JavaScript脚本语言，使用标签/js code,标签之间写js脚本，对于type属性，希望大家记住，我们强制大家使用。(2) 外部引用：(3) 内联引用：4.2 javascript的放置位置我们知道了关于javascript的引入方式，那么我们就要面临这样的问题是我们把javascript脚本应该放在什么位置。经过测试，我们发现javascript脚本语言可以放置在页面的任意位置，但是定义的时候说最好放在body标签或head标签之间，但是我们推荐大家写在head标签之间，这样也算是一种潜规则吧。4.3 关于javascript的注释单行注释:/多行注释:/* 注释 */5. 认识javascript命名规则 a) 变量名以字母、下划线或美元符号开头 b) 变量名只能由字母、数字、下划线或美元符号组成，不能包含标点符号，不能使用汉字 不能使用JavaScript保留字(关键字) c) JavaScript对大小写敏感 d) 变量名应该能够体现其本身的意义 e) 首字母小写，第二个单词开始首字母大写 f) 同一代码块中应统一规范，参照匈牙利命名法 6. javascript语法元素6.1变量(1) 定义变量是用来临时存储信息的，值可以改变的容器。(2) 声明在JavaScript中，可以使用var关键字来声明变 量，同时由于JavaScript是一种弱类型的脚本语言，变量还可以在不声明的情况下直接使用。 但是，使用var关键字显示地声明变量，可以提高程序的可读性。因此，在JavaScript中做 变量声明时，最好使用var显式的声明。声明方式介绍1.一次声明一个变量，只声明不给变量赋初始值。例如： var str；2.一次声明同种类型的多个变量，不赋初始值。例如： var i,j,k;3.一次声明一个变量，同时给变量赋值。 var size=0;提示:JavaScript 变量声明时，不指定变量的数据类型，一个变量一旦声明，可以存放任何数据类型的信息，JavaScript会根据存放信息的类型，自动为变量分配合适的数据类型。特殊情况，如果不使用var声明变量，大家不需要见怪，如果需要可以自学。(3) 变量的作用域Javascript中也分为全局变量和局部变量，理解方式跟java当中类似。6.2数据类型(1) typeof的使用typeof方法是对返回值的类型，使用方式typeof X 或者 typeof(X) 推荐(2) 数据类型介绍在我们认识的javascript世界中，我们接触的数据类型没有java中的类型那么复杂，但是我们从来不应该去蔑视他，我们要重视它的本质，看穿它。下面我们来学习一下JavaScript的数据类型数据类型我们分为两种：简单类型和复杂类型。简单类型介绍类型名称类型描述string字符串是指在JavaScript中用单引号或双引号包含起来的零至多个字符。面向人类的理性事物，而不是机器信号。人机信息沟通、代码根据此理解人的意图等功能都靠它了。number线性的事物，大小和次序分明，多而不乱，便于代码进行批量处理，也控制代码的迭代和循环等。注意：typeof(NaN)和typeof(Infinity)都返回numberNaN如果参与任何数值计算的结构都是NaN,而且NaN!=NaN Infinity/Infinity=NaN boolean是就是，非就非，没有疑义。既可以被代码处理，也可以控制代码的流程。当比较两个表达式的值的时候，值为0的表达式看做false，而不为0的表达式看做true。null null是一种特殊的数据类型，它表示“无值” null类型数据唯一的、合法的值是nullnull还可以表示其他类型的数据，说明它们是无效的 undefined如果使用的变量并不存在，或者使用的变量虽然声明但没有赋值，那么返回的值就是undefined提示: null与undefined的不同之处在于：null值表示已经对变量赋值，只不过赋的值是“无值”；而undefined表示变量还不存在或者存在但没有赋值.复杂类型：只有一个就是object6.3 运算符等于运算符（=） 如果被比较的运算数是同类型的，那么等于运算符将直接对运算数进行比较；如果被比较的运算数类型不同，那么等于运算符在比较两个运算数之前会自动对其进行类型转换严格等于运算符（=） 它在比较之前不会对运算数的类型进行自动转换。只有两个运算数在没有进行类型转换前是相等的，它才会返回true，否则返回false。提示: 全等也就是数值与数据类型都相等才返回trueA=B&typeof(A)=typeof(B)7. 控制语句JavaScript语言中的流程控制语句与Java语言中几乎完全一致，分支流程可以使用if else结构或switch结构，循环流程可以使用for或while循环，具体语法如下。1if语句的语法结构if语句的语法结构如下： if (条件表达式A) /条件表达式A为true，所执行的代码块 else if(条件表达式)B /条件表达式B为true，所执行的代码块 else / 条件表达式A和条件表达式B都为false，所执行的代码块 2switch语句的语法结switch语句的语法结构如下： switch (表达式) case 值1 : /表达式与值1匹配时，所执行的代码块 break; case 值2 : /表达式与值2匹配时，所执行的代码块 break; default : /所有case值都与表达式不匹配时，所执行的代码块 3for语句的语法结构for语句的语法结构如下： for (初始化语句; 循环判断条件; 循环执行语句) /循环体 4while语句的语法结构while语句的语法结构如下： while (循环判断条件) /循环体 5dowhile语句的语法结构dowhile语句的语法结构如下： do /循环体 while (循环判断条件);函数的定义函数的定义由4部分组成：关键字、函数名、参数、函数体。 两种方式：定义式和变量式第一种定义称为定义式，第二种为变量式。在实际应用中二者没有区别，但在调用中顺序上差异。定义式可以在调用之后再定义，而变量式则不可以 。(1) 参数没有参数类型，直接使用参数(2) 没有返回值，如果需要返回值就使用关键字return(3) 加载方式回顾一下8. 事件处理1.什么是事件处理？Js中是采用事件驱动响应用户操作的，比如通过鼠标、按键在浏览器窗口或者页面元素（按钮，文本框。）上执行的操作，我们称之为事件。由鼠标或按键引发的一连串动作，称之为事件驱动。对事件处理的程序或函数，我们称之为事件处理程序2.事件驱动原理事件源JavaScript事件处理事件处理程序JavaScript事件处理事件对象事件对象包含一些属性信息事件源：可以是（1）网页元素按钮、文本框等（2）浏览器窗口（3）其它事件对象：一般说当一个事件发生时，会产生一个描述该事件的具体对象，该对象包含该事件的一些详细信息，比如你按下的是哪个键，或点鼠标对应的x,y值等事件处理程序：一般来说就是函数，事件通常与函数配合使用，这样可以通过发生的事件来驱动数据执行3.事件类型介绍键盘事件鼠标事件HTML页面事件具体方法参考如下