js
文章平均质量分 63
三尺秋水一点飞鸿
这个作者很懒,什么都没留下…
展开
-
js编写双色球
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>双色球</title> <style type="text/css"> span{ width: 40px; height: 40px;原创 2018-07-11 20:53:04 · 2494 阅读 · 1 评论 -
js中的变量作用域
变量作用域 全局变量:定义在函数外部的变量,哪里都可以使用 局部变量:定义在函数内部的变量,只能在函数内部使用 <script>var b=100function test(){var b=300alert(b)b=200var c=800}test() //弹出的是300,若内部有同名变量,内部变量优先alert(b)//弹出100,可...原创 2018-10-20 11:29:00 · 76 阅读 · 0 评论 -
js中改变颜色 onclick backgroundColor
关键词: onclick backgroundColor<html><meta charset="utf-8"><title></title><body><div style="width:300px;height:300;background:red;" onclick="bian原创 2018-10-20 15:24:08 · 7996 阅读 · 0 评论 -
jquery 全选 反选 全不选
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> </style> &l原创 2018-10-25 17:26:15 · 96 阅读 · 0 评论 -
js 创建和删除元素
<html> <head> <meta charset="utf-8" /> <title>创建与删除</title> </head> <body> <input type="file" /原创 2018-10-23 12:34:48 · 484 阅读 · 0 评论 -
Js 跳转页面和打开新窗口的方法
window.open(‘要跳转的网址’):打开新页面 打开新窗口,默认是_blank window.close():关闭使用JS创建的窗口,某些平台不能关闭 window.history.go(1):历史记录窗口 back:向后跳转一个页面 go:可以指定跳转,正数向前跳,负数向后跳 window.location.href=‘要...原创 2018-10-23 18:01:14 · 9115 阅读 · 0 评论 -
js 选项卡 轮播图
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0;原创 2018-10-23 21:47:42 · 847 阅读 · 0 评论 -
js 冒泡事件
说明:当下层元素和上层元素支持同一事件,当上层事件触发时,下层事件也触发,这就叫事件冒泡。取消事件冒泡:ev.cancelBubble = true<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title&原创 2018-10-23 22:06:16 · 198 阅读 · 0 评论 -
js事件的绑定和解除 addEventListener()
关键词:addEventListener() 方法用于向指定元素添加事件句柄。提示: 使用 removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。说明:一个事件触发时,想要同时调用多个处理函数;直接设置后面的覆盖前面的,可以通过事件绑定解决<!DOCTYPE html><html> <...原创 2018-10-23 22:22:49 · 6182 阅读 · 0 评论 -
js查找事件原元素
说明:就是根据事件获取事件发生的元素,也就是该事件发生在哪个元素上。使用:srcElement<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style&原创 2018-10-23 22:31:31 · 207 阅读 · 0 评论 -
js 鼠标点击位置
说明:点击事件触发时,鼠标距离窗口的偏移位置clientX + 'x' + ev.clientY<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style原创 2018-10-23 22:39:10 · 739 阅读 · 0 评论 -
js 中按下键盘事件
onkeydown:键盘按下事件按键的ASCII:ev.keyCode是否按下了特定的组合按钮 :if (ev.altKey == true) { console.log('您按下了alt键')} else if (ev.ctrlKey == true) { console.log('您按下了ctrl键')} else if (ev.shiftKey == true...原创 2018-10-23 22:51:10 · 4965 阅读 · 0 评论 -
js禁用右键及跳转
禁用右键:oncontextmenu控制跳转 说明:a标签的onclick事件的返回值可以决定是否跳转,返回true可以跳转,返回false不可以跳转 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>...原创 2018-10-23 22:54:45 · 406 阅读 · 0 评论 -
js中 各种弹出窗
各种弹出框 alert:警告框 confirm:确认框 prompt:输入框 <html> <head> <meta charset="utf-8" /> <title>各种弹出框</title> </head> <b原创 2018-10-23 22:56:17 · 414 阅读 · 0 评论 -
jquery 做一个收起和展开的动画 slideToggle
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #one{原创 2018-10-24 22:19:29 · 2119 阅读 · 0 评论 -
js中的异常处理
异常处理 说明:与python中的用法相似,可以认为是一种特殊的流程控制语句 示例: try { // 手动抛出异常 throw '出问题了&_&' alert('normal')} catch (e) { alert(e)} ...原创 2018-10-20 11:12:26 · 92 阅读 · 0 评论 -
js 中函数的使用
函数使用 定义函数的关键字:function 函数的调用可以放在定义之前 函数名不能重复,因为后面的会覆盖前面的 函数可以像普通变量一样使用,打印时会打印整个函数体 内部函数:也可以在函数内部定义函数 函数参数: 函数的参数多传或少传都不会报错 函数参数可以有默认值 函数的所有参数都会保存到argum...原创 2018-10-20 11:09:20 · 275 阅读 · 0 评论 -
js 按键换颜色
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>变换颜色</title> <link rel="stylesheet" type="text/css" id="1" href=原创 2018-07-05 22:19:25 · 976 阅读 · 0 评论 -
H5 JS鼠标选中和移出事件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div i原创 2018-10-19 20:07:19 · 3036 阅读 · 0 评论 -
js 焦点事件
onfocus:获取焦点 onblur:失去焦点 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head>原创 2018-10-19 20:43:02 · 3588 阅读 · 0 评论 -
js鼠标单击和双击事件
onclick:单击 ondblclick:双击 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <b原创 2018-10-19 20:50:20 · 8814 阅读 · 1 评论 -
js 根据id,标签名 ,属性查找元素
查找元素 getElementById:根据ID,获取的是一个元素 getElementsByClassName:根据class属性查找元素,返回的是数组 getElementsByTagName:根据标签名查找元素,返回的是数组 getElementsByName:根据name属性查找元素,返回的是数组 <!DOCTYPE html><...原创 2018-10-19 21:01:02 · 19488 阅读 · 1 评论 -
js onclick点击事件改变皮肤
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>点击换</title> <link id="skin" rel="stylesheet" ty原创 2018-10-19 21:39:54 · 602 阅读 · 0 评论 -
js 飞舞的小球
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>飘舞的小球</title> <style> div { wi原创 2018-10-22 19:50:05 · 231 阅读 · 0 评论 -
js 选项卡
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> button { width: 100原创 2018-10-22 20:21:02 · 81 阅读 · 0 评论 -
js 定时器 弹窗
一次性定时器:设置一个时间,时间一到,做指定的事情,之后就销毁了 设置:var timer = setTimeout(函数, 时间),时间单位是毫秒 清除:clearTimeout(timer) <!DOCTYPE html><html> <head> <meta charset="UTF-8">...原创 2018-10-22 20:52:43 · 1612 阅读 · 0 评论 -
js 周期性定时器
周期性定时器:设置一个时间间隔,时间一到,做指定的事情,然后重新计时 设置:var timer = setInterval(函数, 时间) 清除:clearInterval(timer) <html> <head> <meta charset="utf-8" /> <title>周期性定时器...原创 2018-10-22 20:56:05 · 6619 阅读 · 0 评论 -
js 获取样式
<html> <head> <meta charset="utf-8" /> <title>获取样式</title> <style> div { width: 500px;原创 2018-10-22 20:59:07 · 205 阅读 · 0 评论 -
js window对象
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>window对象</title> <style> body {原创 2018-10-22 20:59:59 · 192 阅读 · 0 评论 -
js 查找元素
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>查找元素</title> </head> <body> <原创 2018-10-22 21:02:28 · 861 阅读 · 0 评论 -
js 中 while for...in for循环结构
while 说明:与python中的使用几乎一样 格式: while (表达式) { 循环体} do-while 格式: do { 循环体} while (表达式) 说明: 当程序执行到do-while语句时,首先执行循环体,然后判断表达式的真假。若表达式的值为真,则返回继续执行循环体;若...原创 2018-10-20 10:26:55 · 149 阅读 · 0 评论 -
js 罗云熙 轮播图
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0;原创 2018-10-24 23:00:51 · 316 阅读 · 0 评论