JavaScript
关注
分享
扫一扫
云飞扬°
这个作者很懒，什么都没留下…
展开
-
JavaScript概述
JavaScript概述 什么是javascript: JavaScript一种直译式脚本语言， 什么是脚本语言? java源代码 ----> 编译成.class文件 -----> java虚拟机中才能执行 脚本语言: 源码 -------- > 解释执行 js由我们的浏览器来解释执行 HTML: 决定了页面的框架 CSS: 用来美化我们的页面 JS: 提供用...原创 2019-05-13 21:07:29 · 265 阅读 · 0 评论 -
商品的左右选择
商品的左右选择 要求：选中已有商品中的物品，再点击>>，物品就会移动到右边，点击>>>是全部移动。或者双击物品，也会移动过去。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> ...原创 2019-05-17 14:44:44 · 446 阅读 · 0 评论 -
省市联动
省市联动 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> var provinces = [ ["武汉市", "宜昌市", "襄阳市"], ["深圳市", "广州市"...原创 2019-05-17 11:05:07 · 294 阅读 · 0 评论 -
复选框的全选与全不选
复选框的全选与全不选 全选和全不选步骤分析 1.确定事件：onclick()单击事件 2.事件触发函数：checkAll() 3.函数要去做一些事情 关键代码： function checkAll(){ //获得当前第一个checkbox var check1 = document.getElementById("check1"); //...原创 2019-05-16 20:24:10 · 355 阅读 · 0 评论 -
表格的隔行换色
表格的隔行换色 1. 确定事件: 文档加载完成 onload 2. 事件要触发函数: init() 3. 函数:操作页面的元素、 要操作表格中每一行、 动态的修改行的背景颜色 <!DOCTYPE html> <html> <head> <meta chars...原创 2019-05-16 18:19:37 · 296 阅读 · 0 评论 -
注册信息的校验
注册信息的校验 步骤： 确认事件 事件触发函数 函数操作元素 例如：校验用户名 1. 当用户鼠标移动到输入框中时候, 请给用户一个提示 事件: 焦点事件 onfocus ...原创 2019-05-16 16:32:09 · 1034 阅读 · 0 评论 -
表单校验
表单校验 表单校验中常用的事件: 获得焦点事件: onfocus 失去焦点事件 onblur 按键抬起事件: onkeyup <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> /* ...原创 2019-05-16 11:22:47 · 625 阅读 · 0 评论 -
定时弹出广告
定时弹出广告 打开网页后，过3秒弹出一张图片，显示3秒后再关闭。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> function hideAD(){ //首先获取要操作...原创 2019-05-16 09:37:35 · 266 阅读 · 0 评论 -
网站中图片的显示和隐藏
网站中图片的显示和隐藏 显示图片：img.style.display="block"; 隐藏图片：img.style.display ="none"; <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <scri...原创 2019-05-16 08:05:39 · 2316 阅读 · 0 评论 -
轮播图
轮播图 1.确定事件：文档加载完成的事件onload 2.事件要触发 3.函数里面要做一些事情;(通常会去操作元素，提供交互) 1.开启定时器：执行切换图片的函数changeImg() 4.changeImg() 1.获得要切换图片的那个元素 <!DOCTYPE html> <html> <head> <meta c...原创 2019-05-14 17:15:52 · 207 阅读 · 0 评论 -
定时器
定时器 setInterval()方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval()方法会不停地调用函数，直到clearInterval()被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。 语法:setInterval(code,millisec[,"lang"]) 参数： code:要调用的函...原创 2019-05-14 16:23:13 · 134 阅读 · 0 评论 -
简单的数据校验
简单的数据校验 校验用户名，长度不能小于6位 1.确定事件：提交事件onsubmit 2.事件要触发函数checkForm() 3.函数中要去做一些校验 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> &...原创 2019-05-14 11:20:50 · 290 阅读 · 0 评论 -
文本替换
文本替换 1.确定事件--点击事件 2.通常事件都会触发一个函数 3.函数里面通常都会去操作页面元素，做一些交互动作 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> ...原创 2019-05-14 10:03:49 · 746 阅读 · 0 评论 -
DOM操作
DOM操作 什么是DOM: Document Object Model : 管理我们的文档 增删改查规则 一些常用的 HTML DOM 方法： getElementById(id) - 获取带有指定 id 的节点（元素） appendChild(node) - 插入新的子节点（元素） removeChild(node) - 删除子节点（元素） 一些常用的 HTM...原创 2019-05-17 15:04:00 · 281 阅读 · 0 评论