JS
文章平均质量分 77
u010092682
这个作者很懒,什么都没留下…
展开
-
javascript DOM编程艺术学习笔记(3)Ajax初步认识:
*****Ajax初步认识:1.Ajax主要用于概括异步加载页面内容的技术;2.Ajax的主要优势就是对页面的请求以异步方式发送到服务器。而服务器不会用整个页面来响应请求,他会在后台处理请求,与此同时用户还能继续浏览页面并与页面交互。3.Ajax技术的核心是XMLHTTPRequest对象,这个对象充当着浏览器中脚本(客户端)与服务器之间的中间人的角色。以往的请求都是由浏览器直原创 2014-04-18 13:49:08 · 875 阅读 · 0 评论 -
JS面向对象编程基础部分(4) 4.2
****************************动态的生成选择下拉框,并能构成在另外一个文本框中显示用户选择的内容--请选择一门课程-- var last_select_num=3;//加入从数据库中查询,发现用户上次选择了3门课程 var myOption=document.createElement("OPTION");//动态添加第一门课程java原创 2014-04-03 19:55:37 · 505 阅读 · 0 评论 -
javascript DOM编程艺术学习笔记(4)缩略语列表:
*****缩略语列表:主要把文本段落中的缩略词的标题名称给提取出来;是通过DOM来生成的,假如浏览器不支持js则会不显示;步骤:1.遍历这份文档的所有abbr元素2.保存每个abbr元素的title属性3.保持每个abbr元素的文本4.创建一个“定义列表”元素,即(dl元素)5.遍历刚才保存title属性与abbr包含文本6.创建“定义标题”元素(即dt原创 2014-04-18 13:51:10 · 687 阅读 · 0 评论 -
javascript DOM编程艺术学习笔记(5)通过DOM来设置样式案例
*********通过DOM来设置样式案例2:PS:这边为什么要用js来修改呢,而不用CSS?因为假如我们用CSS来设置样式,则必须使用高级的选择器,但是有些浏览器是不支持的;假如为相应的行加上CLASS也是可以完成的,但是当我们要改变表格的行和列的时候,这时就得为新添加的行和列手动添加class,所以这样是非常不灵活的,为此我们可以采用JS DOM来解决;JS DOM擅长原创 2014-04-18 13:54:12 · 831 阅读 · 2 评论 -
JS面向对象编程基础部分(3) 4.1
Document对象定义:document对象代表的整个html文档,因此可以去访问到当前文档中的各个对象(元素)。1) write() 向文档写文档或HTML表达式或JavaScript代码2) written() 等同于write()方法,不同的是在每个表达式之后写一个换行符PS:对于浏览器来说,输出效果是没有区别的,所以两者用处不多3)getElementById()通过原创 2014-04-03 19:47:27 · 495 阅读 · 0 评论 -
Jquery基础学习(1)4.4
申明:jQuery是一套跨浏览器的JavaScript函式库,简化HTML与JavaScript之间的操作,下面为摘自Wikepedia上的jQuery说明:jQuery 是开源软件,使用MIT许可证授权。[4] jQuery的语法设计使得许多操作变得容易,如操作文档对象(document)、选择DOM元素、创建动画效果、处理事件、以及开发Ajax程序。jQuery 也提供了给开发原创 2014-04-04 17:39:09 · 698 阅读 · 0 评论 -
javascript DOM编程艺术学习笔记(2)图片库例子:
********图片库例子:当鼠标点击页面四个图片链接时,下方的目标位置图片会修改为图片;链接所指向的图片,另外,最下方的图片描述会修改为图片链接对应的title值;改进:由于目标位置图片和图片描述文本都是为了演示DOM方法而创建的,假如,浏览器不支持javascript,则这两个元素就没有意义了,所以最好是通过DOM动态创建这两个元素,使得即使在不支持javascri原创 2014-04-18 13:47:07 · 934 阅读 · 0 评论 -
javascript DOM编程艺术学习笔记(6)动画案例1:
****动画案例1:让一个div隔5秒后开始向目的地(500,500)移动,到达目的地停止;步骤;1.获得元素当前位置2.如果元素已经到达目的地,则return true 结束函数;3.反之,则改变left,top使他们更加靠近目的地;4.经过一段时间后再通过setTimeout递归调用该函数;原创 2014-04-18 13:57:02 · 654 阅读 · 0 评论 -
javascript DOM编程艺术学习笔记(8)网站项目综合运用实例:
在学习完这本后,在课后也提供了一个网站页面的综合实例开发原创 2014-04-18 14:15:49 · 1469 阅读 · 3 评论 -
JS面向对象编程基础部分
游戏的分析:(1).看看如何通过按钮来控制mario的位置(2).设计相关的对象那个(Mario x,y)要求:1.mario碰到边界给一个提示;2.mario可以去找另外一个物体代码如下:(只实现上下左右移动功能)html:控制栏**<img src="Mario.PNG" id="mario" style="left:2原创 2014-04-03 19:19:08 · 556 阅读 · 0 评论 -
JS面向对象编程基础部分(2) 3.31
**DOM编程:1.为什么需要DOM?(1).通过dom编程,我们可以写出各种网页游戏;(2).ajax基础;2.简介:(附件简介原理图)3.原理介绍:(原理介绍图)4.如何把html文档映射成DOM树:(dom树图)5.dom对象简介:(dom对象简介图)6.window对象:(1).confirm 举例:显示带有一段消息以及确认按钮和取消的对原创 2014-04-03 19:32:10 · 554 阅读 · 0 评论 -
javascript DOM编程艺术学习笔记(1)重写getElementsByClassName(class)方法
****重写getElementsByClassName(class)方法: 购物清单 水果 零食 //JSd代码://说明:getElementsByClassName这个方法在ie6下是不支持的,其他浏览器支持window.onload=function(){ //获得清单原创 2014-04-18 13:44:01 · 772 阅读 · 0 评论 -
javascript DOM编程艺术学习笔记(7)动画案例2:
****动画2:1.为所有预览图片生成一张“集体照”形式的照片;2.隐藏这张“集体照”图片的绝大部分;3.当用户把鼠标指针悬停在某个链接上时,只显示这张“集体照”图片的相应部分;版本1.0: 点击链接切换照片 向上 向右 向下 向左原创 2014-04-18 14:00:56 · 721 阅读 · 0 评论