网页制作
文章平均质量分 66
紫郢剑侠
编程 任是无情也动人~
展开
-
html+css+javascript打造网页内容浮动导航菜单
前段时间把“圳品”信息发布到网站上了,内容包括四大块:按分布区域统计分析按产品类别统计分析按认定时间统计分析河池市“圳品”清单导致网页很长,有同事反映说查看起来不是很方便,于是决定加上一个网页内容浮动导航菜单,把上面这四大块列为菜单项,用户点击相应的菜单项,就跳转到相应的内容,并且提供关闭和收缩、展开导航菜单的功能。原创 2023-11-10 18:17:09 · 1271 阅读 · 16 评论 -
用HTML + javaScript快速完成excel表格信息除重并合并
今天突然接到一个工作,要把两个存储在.xls的主体信息表,除重后合并成一个主体信息表,并且补充主体类型和所在县区这两列信息。完成这项工作的方法有很多,如果信息表中的信息量不大的话,手工处理一下也行,如果信息量大的话,还是由电脑来处理比较好,比如用vba写代码来合并,不过我更喜欢用JavaScript来完成。原创 2023-11-06 18:39:56 · 733 阅读 · 24 评论 -
javascript检测网页缩放演示代码
在网上冲浪,有时在打某个网站时,会提示你的浏览器显示比例不是100%,建议你将浏览器显示比例恢复为100%,以便获得最佳显示效果。那么这些网站是如何检测你的浏览器显示比例的呢?原创 2023-09-15 23:16:32 · 1191 阅读 · 7 评论 -
HTML+JavaScript+CSS DIY 分隔条splitter
现在电脑的屏幕越来越大,为了利用好宽屏,我们在设计系统UI时喜欢在左侧放个菜单或选项面板,在右边显示与菜单或选项对应的内容,两者之间用分隔条splitter来间隔,并可以通过拖动分隔条splitter来动态调研左右两边的宽度。要在网页上实现这种UI界面,也有不少现成的组件,比如jQuery中提供的Splitter.js,不过自已用HTML+JavaScript+CSS来DIY一下,从而加深对HTML+JavaScript+CSS的了解,也是不错的选择。原创 2023-09-03 07:30:00 · 5656 阅读 · 2 评论 -
HTML5 + JavaScript绘柱状图
之前用HTML5 + JavaScript绘柱状图,可以直观显示各类型产品或品牌的所占比例大小。为了简便便起见,我们默认标题颜色为黑色,字体为微软雅黑,所以这里没有标题的颜色和字体属性。接着我们与绘制饼图时定义一个饼图对象相类似的,定义一个柱状图对象BarChart。现在需要针对每年获得各类品牌数据进行对比,绘制柱状图会更直观。在初始化方法中,我们可以定义对象内部的一些属性。在柱状图对象BarChart内部有几个方法。第一个是初始化方法init。原创 2023-05-09 00:42:06 · 1716 阅读 · 3 评论 -
HTML5 + JavaScript绘制饼图+1
在这里我们使用了tcCanvas.width,由于tcCanvas是一个实例,在另一个实例中调用这段代码就会出现问题。也就是用this.width 替代 了 tcCanvas.width,增强了代码通过性。利用难得的假期继续改进“圳品”信息系统,在另一个模块中使用之前的Pie()代码编制饼图。改进的代码是把Canvas的width作为一个属性传递进来,即分为两步。却发现饼图标题没显示出来。原创 2023-04-30 22:17:12 · 464 阅读 · 0 评论 -
JavaScript编程实现tab选项卡切换的效果+1
网页中的tab选项卡切换效果一般是使用和匹配来实现的。如果在中嵌套了,和的匹配关系可能就会被打乱,这样显示时就可能出现问题。原创 2023-04-11 23:23:07 · 1987 阅读 · 0 评论 -
你的订婚|结婚纪念日是质数吗?进来测算看看……
2020年5月20日,周鸿祎在其抖音账号发布的“结婚纪念日”视频里表示,挑选结婚纪念日要用质数,因为质数的特性是不可分解。那么你的订婚|结婚纪念日是质数吗?我们可以自己写代码测试一下。原创 2023-04-09 00:45:00 · 426 阅读 · 0 评论 -
JavaScript遍历数组用splice方法删除元素,这样写可能有遗漏,你遇到过吗?
在编写“圳品”信息系统中,有时需要对二维数组中的数据进行筛选并删除一些元素,比如删除二维数组中首个元素为0的行。运行时发现执行结果有时正常,有时会删除不干净,有遗漏。检查分析后找到了原因……原创 2023-04-08 10:25:24 · 741 阅读 · 0 评论 -
JavaScript从二维数组抽取若干元素组成新二维数组
在编写“圳品”信息系统中,需要从二维数组中抽取元素组成新的数组,新的数组可能是一维的,也可能是二维的。如果的数组是二维的,以map方法来实现的关键在于map方法的返回值。原创 2023-04-04 20:45:00 · 747 阅读 · 0 评论 -
JavaScript从二维数组抽取元素组成新数组的三种方法
在编写“圳品”信息系统中,需要从二维数组中抽取每一行的第1个数元素组成新数组,实现的方法至少有以下三种。大家有什么好的实现方法,请多多指教。原创 2023-04-02 23:34:39 · 5108 阅读 · 0 评论 -
利用eval()打造通用的checkbox全选、全部取消、反选函数升级版+3
“圳品”信息系统中的通用的checkbox全选、全部取消、反选函数内部代码在Edge浏览器中运行正常,但在editplus(应该是调用IE浏览器)中运行时会出错,继续修改……原创 2023-03-30 22:30:00 · 438 阅读 · 0 评论 -
利用eval()打造通用的checkbox全选、全部取消、反选函数升级版+2
昨天对checkbox全选、全部取消、反选通用函数进行的完善,是通过增加传递给函数的参数,把checkbox数量传递给函数的方式来解决的,这样不仅要修改通用函数本身,还要修改相应的调用函数代码,代码维护工作量有点高。那么我们是否能够通过只修改checkbox全选、全部取消、反选通用函数的内部代码,而不改变函数的调用形式来完成对这些通用函数呢?原创 2023-03-29 22:15:00 · 220 阅读 · 0 评论 -
改进“圳品”信息系统网页上的饼图:加标题+文字说明换行显示
继续改进“圳品”信息系统,我们上次绘制的饼图还需要做两点改进:一是要加上标题。一是饼图的文字说明的颜色与对应的饼图区域颜色一致,这样就更加直观了。第二个改进需要考虑换行输出,在这里提供一个正规的方法和一个取巧的方法。原创 2023-03-28 01:30:00 · 267 阅读 · 0 评论 -
JavaScript合并网页表格中内容相同的相邻单元格
继续编写“圳品”信息系统,继续编写“圳品”信息系统,我们已经“圳品”信息读取到JavaScript定义的一个中进行按汉语拼音升序作了排序处理。现在我们可以将保存在二维数组中的各县(区)“圳品”信息在表格中显示出来。 为了直观,我们可以编程将表格中的来自同一个县(区)的县区代码单元格合同起来,对于来自同一个企业有多个产品,则将企业名称单元格合并起来。需要特别注意的是我们合并表格中多列单元格时的顺序,是按照从右到左的顺序来进行的,避免乱套。原创 2023-02-13 20:38:31 · 1076 阅读 · 0 评论 -
用Javascript对二维数组DIY按汉语拼音的排序方法
JavaScript为数组对象内置了sort() 方法,sort() 方法默认是以字母顺序对数组进行排序。要按汉语拼音来的排序,还得DIY……原创 2023-02-11 17:51:41 · 982 阅读 · 0 评论 -
利用eval()打造通用的checkbox全选、全部取消、反选函数
继续编写“圳品”信息系统,又增加了两组checkbox,同样需要提供全选、全部取消、反选按钮,并编写相应的代码,其实代码中除了checkbox的tagName之外,都是相同的。那么我们是否可以将checkbox的tagName作为checkbox全选、全部取消、反选函数的参数传入,从而实现通用的checkbox全选、全部取消、反选函数呢?答案是可以的,这需要借助eval()。原创 2023-01-28 12:39:57 · 368 阅读 · 0 评论 -
JavaScript中单引号和双引号的效果的一点区别
先写为 document.write('');无效果。 改写为 document.write("");才有效果。原创 2015-06-05 18:35:06 · 1898 阅读 · 0 评论