
▬▬▬【教你一天玩转JavaScript】
文章平均质量分 93
李阿昀
昀,三尺微命,一介书生。只当穷且益坚,不坠青云之志!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端简单入门第八讲 使用JavaScript完成图片自动轮播的效果
本文教你如何使用JavaScript完成图片的轮播,说是图片的轮播,其实就是图片的滚动而已,也没什么高深莫测的实质性的东西。要实现这个效果,须理解BOM(浏览器对象模型)中的Window对象的定时的操作:设置定时的方法 清除定时的方法 现在我来写一个小的Demo来稍微讲一下Window对象设置定时的方法。例如有如下一个【Window对象的定时操作.html】页面:<!DOCTYPE html><原创 2017-04-27 23:16:09 · 3006 阅读 · 0 评论 -
前端简单入门第九讲 使用JavaScript实现定时弹出广告定时隐藏广告
使用JavaScript实现定时弹出广告定时隐藏广告现在有这样一个需求:在网站的首页上定时弹出一个广告,并且定时隐藏掉。若要实现这个需求,则必须理解BOM(浏览器对象模型)中的Window对象的定时的操作:设置定时的方法 清除定时的方法 除此之外,还要知道CSS中的一个显示和隐藏的属性——display,其值有block:显示元素none:隐藏元素下面我就按如下步骤来使用JavaScript原创 2017-04-27 23:29:55 · 5723 阅读 · 0 评论 -
前端简单入门第十一讲 使用JavaScript完成注册页面表单提示及校验
使用JavaScript完成注册页面表单提示及校验还记得我之前写过的教你一天玩转JavaScript(二)——完成对注册页面的数据的简单校验一文吗?很明显这种以弹出对话框的形式进行表单校验的方式不是特别友好!更好地做法是可以将错误信息显示到文本框的后面,而且当光标落入到文本框的时候,会有提示的信息。 如要使用JavaScript完成注册页面表单提示及校验,不可避免地要知道下面两个知识点:Java原创 2017-05-03 19:33:50 · 4229 阅读 · 0 评论 -
前端简单入门第十二讲 使用JavaScript完成后台数据展示表格的隔行换色
在后台展示数据的页面上,通常需要使用表格标签来进行数据的展示,那些没有背景的表格是比较难看的,但我们可以使用JavaScript来控制表格的隔行换色。效果类似如下: 要想使用JavaScript来控制表格的隔行换色,最核心的一步就是使用JavaScript来获得表格的行数,步骤为:获得到控制的表格元素var tab1 = document.getElementById("tab1");获得原创 2017-05-05 22:46:35 · 2885 阅读 · 0 评论 -
前端简单入门第十三讲 使用JavaScript完成复选框的全选和全不选的效果
使用JavaScript完成复选框的全选和全不选的效果真实项目开发中少不了这样的需求:在实际的开发中一条记录一条记录地进行删除的话,效率很低,而我们有的时候需要一起删除多条记录,那么就需要通过在表格之前设置一个复选框的形式进行勾选复选框,然后点击一个删除的按钮就能进行批量删除了。效果类似如下: 下面直接用一个例子来进行讲解,按如下步骤来使用JavaScript完成复选框的全选和全不选的效果:原创 2017-05-05 22:53:18 · 2314 阅读 · 0 评论 -
前端简单入门第十四讲 使用JavaScript完成省市联动的效果
使用JavaScript完成省市联动的效果实际开发中大概总会碰到这样的需求:在注册页面上有两个下拉列表框,左侧省份的下拉列表框中的值一改变,右侧的市的下拉列表框中的值也要随之发生变化,也即省市联动。效果类似如下: 要使用JavaScript完成省市联动的效果,首先须知道以下知识点:JavaScript中创建数组的语法 JavaScript中的onchange事件 下拉列表框改变事件。欲完成原创 2017-05-05 23:02:25 · 2533 阅读 · 0 评论 -
前端简单入门第六讲 认识JavaScript
JavaScript概述什么是JavaScript?简单一句话,JavaScript是运行在浏览器端的脚本语言。可参考W3School上对于JavaScript的简单描述: JavaScript的历史JavaScript的历史可简单了解一下,同样也可参考W3School对其的描述: JavaScript的组成可参考W3School对其的描述: 我也简单写一下:ECMAScript:Jav原创 2017-04-26 23:58:01 · 1516 阅读 · 0 评论 -
前端简单入门第七讲 使用JavaScript完成表单简单的数据校验
网上闲逛时,如果我们对某个网站非常感兴趣,通常都会注册一个账户,网站都会对注册页面的数据进行复杂的校验。但这里我只是讲一下对注册页面的数据进行非空的简单校验!!!如果有某个值没有输入,点击注册按钮提交时,则弹出一个对话框进行提示!!! 我从自己编写的注册页面中抽出核心代码如下:<form action="../index.html" method="post"> <table border原创 2017-04-27 00:00:09 · 1889 阅读 · 0 评论