- 浏览: 114519 次
- 性别:
- 来自: 广西
文章分类
最新评论
-
greemqqran:
这方法 源码,是怎么的哦?
可变参数,数组与集合之间的转换 -
greemqqran:
Arrays.asList
可变参数,数组与集合之间的转换 -
ricoyu:
引用? super E:接收的是E类型对象应该是: ? sup ...
泛型-
示例思路
- 博客分类:
- DOM
- javascript
- html+css
<!-- DOM编程: 1,定义界面: 通过html的标签将数据进行封装。 2,定义一些静态的样式。 通过css。 3,需要动态的完成的和用户的交互。 a,先明确事件源。 b,明确事件将事件注册到事件源上。 c,通过javascript的函数对象事件进行处理。 d,在处理过程需要明确被处理的区域。 table标签的示例。 1,在页面上通过按钮创建一个表格。 思路: 1,创建一个table节点。document.crateElement("table"); 2,通过table节点的insertRow()方法创建表格的行对象并添加到rows集合中。 3,通过行对象的insertCell()方法创建单元格对象,并添加到cells集合中。 4,给单元格中添加数据。 a,创建一个节点如文本节点,document.createTextNode("文本内容"), 通过单元格对象appendChild方法将文本节点添加到单元格的尾部。 b,可以通过单元格的innerHTML,添加单元格中的元素。 tdNode.innerHTML = "<img src='1.jpg' alt='图片说明信息'/>"; 5,建立好表格节点,添加到DOM树中。也就是页面的指定位置上。 2,如何删除表格中的行或者列。 思路: 1,删除行:获取表格对象,通过表格对象中的deleteRow方法,将指定的行索引传入deleteRow方法中。 2,删除列:表格没有直接删除列的方法,要通过删除每一行中指定的单元格来完成删除列的动作。 获取所有的行对象,并进行遍历,通过行对象的deleteCell方法将指定单元格删除。 3,对表格中的数据进行排序。 思路: 1,获取表格中的所有行对象。 2,定义临时存储,将需要进行排序的行对象存入到数组中。 3,对数组进行排序,通过比较每一个行对象中指定单元格中的数据,如果是整数需要通过parseInt转换。 4,将排序后的数组通过遍历,将每一个行对象重新添加回表格。通过tbody节点的appendChild方法。 5,其实排序就是每一个行对象的引用取出。 4,表格的行颜色间隔显示,并在鼠标指定的行上高亮显示。 思路: 1,获取所有的行对象,将需要间隔颜色显示的行对象进行动态的className属性的指定,那么前提是:先定义好类选择器。 2,为了完成高亮,需要用到两个事件,onmouseover(鼠标进入) onmouseout(鼠标移出), 3,为了方便可以在遍历行对象时,将每一个行对象都进行两个事件属性的指定。并通过匿名函数完成该事件的处理。 4,高亮的原理就是将鼠标进入时的指定颜色改变,改变前先记录住原理行行对象的样式。 这样在鼠标离开时,可以将原样式还原。 5,该样式需要在页面加载完后直接显示,所以使用的window.onload事件完成。 5,完成一个与css手册中一样示例。 通过下拉菜单选择先指定样式属性的使用效果。 6,表单中的组件。 单选框,复选框。 这两个组件都一个属性来表示其选中与否的状态。checked 完成一个对多个复选框,进行全选的操作。 思路:将全选那个复选框的checked状态付给所有的其他checkbox即可。 <input type="checkbox" name="all" onclick="checkAll(0)" />全选 <input type="checkbox" name="item" /> <input type="checkbox" name="item" /> <input type="checkbox" name="item" /> <input type="checkbox" name="all" onclick="checkAll(1)" />全选 <script type="text/javascript"> function checkAll(index) { var node = document.getElementsByName("all")[index]; var items = document.getElementsByName("item"); for(var x=0; x<items.length; x++) { items[x].checked = node.checked; } } </script> 7,获取鼠标的坐标,让指定区域随着鼠标移动。 获取鼠标坐标:event.x,event.y. 指定区域随鼠标移动其实就是改变了指定区域的left top属性的值。 这里需要用到的事件:body对象的onmousemove事件。 还需要用到一个css样式。直接定义页面,所以区域都在同一层次。 为了对某一个区域进行定位,将该区域分离到另一个层次。用到css中position属性。 -->
发表评论
-
javascript中的call和apply
2012-11-17 16:34 739javacript中有很多简写的方式,其实我们调用函数的 ... -
javascript中的this
2012-11-16 15:33 667javascript中的this到底是什么呢? 一般来 ... -
javaScript NameSpace
2011-08-22 01:53 775命名空间,一看就知道主要目的是为了避免冲突。下面就来说一下 ... -
注册表单
2011-08-11 23:55 831<!DOCTYPE html PUBLIC " ... -
表单检验
2011-08-11 23:27 821<!DOCTYPE html PUBLIC " ... -
类似于邮件管理,具有全选,反选功能的代码
2011-08-10 22:33 807<!DOCTYPE html PUBLIC " ... -
增加文件
2011-08-10 22:11 771<!DOCTYPE html PUBLIC " ... -
二级级联下拉菜单
2011-08-10 21:57 635<!DOCTYPE html PUBLIC " ... -
浮动的广告代码
2011-08-10 20:07 739<!DOCTYPE html PUBLIC " ... -
DHTML编程的一般过程
2011-08-10 19:08 752<!DOCTYPE html PUBLIC " ... -
下拉列表框onchange事件
2011-08-10 18:49 2059<!DOCTYPE html PUBLIC " ... -
checkBox全选实现
2011-08-10 18:41 687<!DOCTYPE html PUBLIC " ... -
每行间隔显示颜色
2011-08-10 18:33 880<!DOCTYPE html PUBLIC " ... -
排序表格内容
2011-08-10 18:25 970<!DOCTYPE html PUBLIC " ... -
列表收缩
2011-08-10 12:20 767<!DOCTYPE html PUBLIC &qu ... -
动态创建表格,删除行列
2011-08-10 12:18 823<!DOCTYPE html PUBLIC &qu ... -
DOM简介
2011-08-07 12:55 660DOM(document Object model)文档对象模 ... -
javascript简介
2011-08-06 23:15 724JavaScript 概述 JavaScript是 ... -
CSS简介
2011-08-05 23:57 864CSS介绍 CSS是层叠样式表(Cascading Styl ... -
HTML
2011-08-05 17:46 784html:超文本标记语言。 html语言中是由标签组成的。 ...
相关推荐
2024美赛思路,实例大全,思路示例
B思路1 方差分析示例.pdf
OPC UA C# 示例,使用C#语言 ,OPC UA client,实现与PLC通信,数据采集,紧提供开发示例及思路。
ILRuntime Unity3D示例的热更新思路,用于线上游戏代码的热更。
(三)应用示例 思路1 例1 一条直线经过点P1(-2,3),倾斜角α=45°,求这条直线方程,并画出图形. 图1 解:这条直线经过点P1(-2,3),斜率是k=tan45°=1.代入点斜式方程,得y-3=x+2,即x-y+5=0, 这就是所求的直线方程,图形...
php利用mysql保存session的实现思路及示例代码.docx
此示例简单实用,思路清晰,横容易明白,适合初用者
我们做数据库开发,应该来讲是现实生活中一种管理思路的体现与高度概括。那么要构思之前肯定要对整个流程有个清晰的了解。那我们就先来了解一下这个罗斯文公司的业务流程吧。罗斯文公司是一个虚构的商贸公司,该...
简单的示例思路,可以根据系统时间实现批处理程序动态密码的设定。 (A simple example can be used to realize batch programming's dynamic password setting according to system time.)
此为Android ProgressBar 简单进度条的实现及示例下载源码,基本思路是:将模拟任务分成大小为100个的数组,任务完成度--默认为0,状态完成度默认也为0,然后构造一个线程用于显示消息,然后定义dowork()函数,完成...
NULL 博文链接:https://yuhuiblog695685688425687986842568269.iteye.com/blog/2321998
备注:此项目仅提供基础的模板技术演示,旨在与广大技术员交流之用,也可视为静态模板技术的一种解决思路。 静态页生成的文件为:StaticMain.htm、StaticDetail_1.htm、StaticDetail_2.htm、StaticDetail_3.htm 此...
python 波形发生器设计
由于微信官方的API并没有给出完整的代码示例,很多地方看的迷迷糊糊的。 后来在github上找到了wechat-app-demo,发现整理的非常好,因此按照这个思路将官方的API全部重新敲了一遍。 如果你有缘看到并喜欢这个项目,...
易语言 定时提醒器
此份代码简洁高效,是我在上图形学课时的一个课程设计。整个项目只有一个cpp,里面包含obj读取,结果保存为bmp,扫描...但请注意,算法实现上我是在课本提供思路上做了很大的简化,整个算法实现过程只用到一个结构体。
研究方法-思路-路线-示例;研究课题选题报告示例-风险管理;研究方法与论文写作;EI论文英文摘要的写作等资源。
新手可以看看我的思路,可以在我的思路上面更改你自己的思路。代码过于简单,大神别喷我,本人写此篇纯属无聊!!写着这个小示例就想起2009年自己用javascript写滑动门的时光了,怀念自己的青春
实现了windows和linujavascriptx平台下的共享内存读写的helloWord示例. 使用C/C++语言开发,产品的大部分数据都在共享内存中。因此,总的思路使通过C++写扩展的JavaScript接口,实现对共享内存的读取,实现对数据的...
然后介绍了爬取API数据的思路,并提供了解析JSON的代码实例。最后提出了爬虫的最佳实践,如避免频繁请求、遵守Robots协议等。在应用扩展部分,文中还以股票数据获取为例,展示了爬取和分析股票信息的代码示例。内容全面...