JAVASCRIPT
关注
分享
扫一扫
dxm809
这个作者很懒，什么都没留下…
展开
-
jq实现定时弹出广告
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>首页</title> <style> #father{ border: 0px solid red; width: 1300px; height: 2170px; margin: auto; } /*#logo{ border: 0p.原创 2020-09-05 16:54:23 · 160 阅读 · 0 评论 -
js省市联动
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>注册页面重新布局</title> <style type="text/css"> .top{ border: 1px solid red; width: 32.9%; height: 50px; float: left; } #clear{.原创 2020-09-05 16:49:31 · 168 阅读 · 0 评论 -
js的str.subStr和str.subString的区别
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>String对象</title> <script> var str = "-a-b-c-d-e-f-"; var str1 = str.substr(2,4);//-b-c //alert(str1); var str2 = str.substring(2,4.原创 2020-09-05 16:47:07 · 618 阅读 · 0 评论 -
js 实现全选和全不选功能
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>全选和全不选</title> <script> function checkAll(){ //1.获取编号前面的复选框 var checkAllEle = document.getElementById("checkAll"); //2.对编号前面复选框的状态进.原创 2020-09-05 16:30:44 · 131 阅读 · 0 评论 -
使用js实现表格隔行变色
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表格隔行换色</title> <script> window.onload = function(){ //1.获取表格 var tblEle = document.getElementById("tbl"); //2.获取表格中tbody里面的行数(长度) .原创 2020-08-29 08:19:59 · 717 阅读 · 0 评论 -
表单校验功能完善
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>注册页面</title> <!--<script> function checkForm(){ //alert("aa"); /**校验用户名*/ //1.获取用户输入的数据 var uValue = document.getElementById.原创 2020-08-29 08:11:25 · 163 阅读 · 0 评论 -
使用JS完成首页定时弹出广告图片
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>首页</title> <style> #father{ border: 0px solid red; width: 1300px; height: 2170px; margin: auto; } /*#logo{ border: 0p.原创 2020-08-29 07:47:36 · 226 阅读 · 0 评论 -
使用js实现轮播图效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>首页</title> <style> #father{ border: 0px solid red; width: 1300px; height: 2170px; margin: auto; } /*#logo{ border: 0p.原创 2020-08-29 07:35:44 · 221 阅读 · 0 评论 -
使用js完成注册页面验证-注册有返回值的onsubmit事件函数
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>注册页面</title> <script> function checkForm(){ //alert("aa"); /**校验用户名*/ //1.获取用户输入的数据 var uValue = document.getElementById("user".原创 2020-08-29 07:05:15 · 308 阅读 · 0 评论 -
ctrl+enter发送消息
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...原创 2020-03-19 16:35:26 · 389 阅读 · 0 评论 -
键盘控制div移动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><styl...原创 2020-03-19 16:35:18 · 131 阅读 · 0 评论 -
跟随鼠标移动得div
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><styl...原创 2020-03-19 16:35:05 · 91 阅读 · 0 评论 -
取消事件冒泡
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><styl...原创 2020-03-19 16:34:55 · 119 阅读 · 0 评论 -
事件冒泡
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html onclick="alert('html');" xmlns="http://www.w3.org/1999/xhtml"&...原创 2020-03-18 20:03:19 · 111 阅读 · 0 评论 -
event-或可以返回真得值
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...转载 2020-03-18 20:01:07 · 129 阅读 · 0 评论 -
document是什么
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> alert(document.childNodes[1].tagName) </script> </head&g...原创 2020-03-18 19:53:31 · 315 阅读 · 0 评论 -
回到顶端
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><styl...原创 2020-03-18 19:41:07 · 121 阅读 · 0 评论 -
侧边栏
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><styl...原创 2020-03-18 19:34:49 · 218 阅读 · 0 评论 -
location
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...原创 2020-03-18 19:25:19 · 390 阅读 · 0 评论 -
userAgent
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...转载 2020-03-18 19:23:24 · 364 阅读 · 0 评论 -
运行代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...原创 2020-03-18 19:18:56 · 562 阅读 · 0 评论 -
用class选元素
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><styl...原创 2020-03-18 19:18:14 · 189 阅读 · 0 评论 -
js-splice
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><styl...转载 2020-03-17 22:15:39 · 275 阅读 · 0 评论 -
js排序
sort只能排序字符串，如果要排数字需要添加匿名函数作为参数<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999...原创 2020-03-17 22:08:18 · 90 阅读 · 0 评论 -
自定义得css函数
obj.currentStyle只能在IE里面用<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml...原创 2020-03-17 21:50:34 · 1248 阅读 · 0 评论 -
使用offsetLeft实现滚动
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #dv{ width: 100px; height: 100px; background-color: #ccc; ...原创 2020-03-18 19:16:40 · 205 阅读 · 0 评论 -
延时提示框
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #a{ } </style> <script> window.onload=funct...原创 2020-03-15 20:24:32 · 103 阅读 · 0 评论 -
数码时钟
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body{ background-color: orange; font-size: 50px; } </s...原创 2020-03-15 16:40:44 · 161 阅读 · 0 评论 -
简易年历
1 html<!DOCTYPE html PUBLIC "-//W3C//h2D XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/h2D/xhtml1-transitional.h2d"><html xmlns="http://www.w3.org/1999/xhtml"><head>...原创 2020-03-15 15:15:09 · 158 阅读 · 0 评论 -
选项卡
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ...原创 2020-03-15 12:17:04 · 127 阅读 · 0 评论 -
实现全选功能
checkbox如果是设置属性需要用checked=“checked",但是在js中可以复制成‘checked'也可以赋值给true，true不加引号<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <scrip...原创 2020-03-15 11:18:48 · 114 阅读 · 0 评论 -
通过修改display属性实现显示和隐藏功能
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> window.onload=function(){ var btn = document.getElementById...原创 2020-03-15 10:59:33 · 645 阅读 · 0 评论 -
onload
注意，在onload里面为事件指定函数名称时候不可以加括号<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> #dv{ width: 100px; height: 1...原创 2020-03-15 10:32:46 · 1368 阅读 · 0 评论 -
改变主题样式
1.index.html,通过修改link的href属性来改变主题样式<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link id="link" rel="stylesheet" href="./css/cs...原创 2020-03-15 09:47:45 · 148 阅读 · 0 评论 -
JS总结
javascriptjs 脚本 动态语言 弱类型语言 解释型语言数据类型bool number string undefined null objectjs注意的事项大小写敏感弱类型语言声明变量用var字符串建议用单引号每句话结束用分号undefined==null trueundefined===null false转换转整数--进制转换转小数--转数字--isNaN() 判断是不是数字，返回t...原创 2018-03-14 20:03:49 · 142 阅读 · 0 评论 -
JS顶级对象window
<script type="text/javascript"> var num = 100; alert(num); window.alert(window.num); function f1() { window.alert('哈哈哈'); } window.f1(); ...原创 2018-03-14 20:23:01 · 1534 阅读 · 0 评论 -
JS注册事件
<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script type="text/javascript"> //要操作页面的元素(标签)那就要写到onload中, //不操作可以不用 fu原创 2018-03-14 21:13:24 · 168 阅读 · 0 评论 -
window对象的方法
window.alert(‘大家好！’);//弹出警告对话框window.confirm(‘确定要删除吗？’);//确定、取消对话框，返回true或false;window.navigate(url);//将网页重新导航到url,只支持IE、Opera11.6,建议使用window.location.href=‘url’;//支持大多数浏览器window.setInterval(code,dela...原创 2018-03-14 21:32:41 · 200 阅读 · 0 评论 -
JS事件
onload（页面加载后触发）•网页加载完毕时触发，浏览器是一边下载文档、一边解析执行，可能会出现JavaScript执行时需要操作某个元素，这个元素还没有加载，如果这样就要把操作的代码放到body的onload事件中，或者可以把JavaScript放到元素之后。元素的onload事件是元素自己加载完毕时触发，body onload才是全部加载完成。•window.控件Id（不建议使用）•docu...原创 2018-03-14 21:39:55 · 125 阅读 · 0 评论 -
JS window下面的对象
window.location对象：•window.location.href=‘’;//重新导航到新页面,可以取值，也可以赋值。•window.location.reload();//刷新当前页window.event是IE下非常重要的属性，用来获得发生事件时的信息，事件不局限于window对象的事件，所有元素的事件都可以通过event属性取到相关信息。类似于winForm中的e(EventAr...原创 2018-03-14 21:56:42 · 424 阅读 · 0 评论