js - 随笔分类(第3页) - Tsunami黄嵩粟

事件的传播和阻止

摘要：<div id="box"> <div id="middle"> <div id="inner"></div> </div> </div> <script> // 事件的传播和阻止 // 事件的传播 // 当点击后代标签时,会触发,所有父级标签,相同类型的事件 // 执行顺序,都是从当前标签向父级元阅读全文

posted @ 2020-12-03 23:39 Tsunami黄嵩粟阅读(123) 评论(0) 推荐(0)

浏览器的高度和宽度给函数绑定参数

摘要：<style> body{ width: 5000px; height: 5000px; } </style> </head> <body> <script> // 获取浏览器的宽度和高度只能获取不能设定 // 包含滚动条 var w1 = window.innerWidth; var h1 = 阅读全文

posted @ 2020-12-03 23:25 Tsunami黄嵩粟阅读(75) 评论(0) 推荐(0)

浏览器的历史记录浏览器对象信息浏览器的事件

摘要：// 浏览器历史记录 // 也就是浏览器跳转过的页面的记录 // window.history 属性中存储浏览器的历史记录 // 是当前这个窗口的浏览记录,新窗口打开的页面,不算浏览记录 // window.history.length 次数 // window.history.back() 上一个阅读全文

posted @ 2020-12-03 00:30 Tsunami黄嵩粟阅读(189) 评论(0) 推荐(0)

表单其他事件地址栏相关信息

摘要：<form action="./01_复习.html" method="get">  账号: <input type="text" maxlength="16"> <span></span><br> 阅读全文

posted @ 2020-12-02 23:54 Tsunami黄嵩粟阅读(77) 评论(0) 推荐(0)

表单事件验证码判断

摘要：<form action="./01_复习.html" method="GET"> 账号: <input type="text"><span name="1"></span><br> 密码: <input type="password"><span name="2"></span><br> 阅读全文

posted @ 2020-12-02 23:39 Tsunami黄嵩粟阅读(165) 评论(0) 推荐(0)

触屏事件特殊事件事件的绑定

摘要：// 只有移动端设备(终端) 支持触摸事件 // 即时带有触屏的电脑,也不支持触摸事件 // 因为硬件不同,操作方式不同 // 标签对象.ontouchstart 触摸开始事件 // 标签对象.ontouchend 触摸结束事件 // 标签对象.ontouchmove 触摸移动事件 // 长按事件阅读全文

posted @ 2020-12-02 23:32 Tsunami黄嵩粟阅读(119) 评论(0) 推荐(0)

键盘多按键事件移动的小方块

摘要：// 键盘多按键事件 // 在定义事件处理函数时,如果定义一个形参,JavaScript程序会自动向这个形参存储数据 // 形参中存储的是事件对象的相关数据信息 // 触发事件的对象,键盘事件,就是触发事件的按键,相关信息 // 一般事件对象形参名称为 event 或者 e // 解决兼容问题: 阅读全文

posted @ 2020-12-02 23:25 Tsunami黄嵩粟阅读(145) 评论(0) 推荐(0)

键盘事件

摘要：<style> /* 标签获取鼠标焦点时,执行的css样式 */ /* 平时颜色 */ input{ color:pink; } /* 获取焦点颜色 */ input:focus{ color:red; } /* 鼠标经过颜色 */ input:hover{ color: blue; } /* 鼠标阅读全文

posted @ 2020-12-02 00:10 Tsunami黄嵩粟阅读(78) 评论(0) 推荐(0)

鼠标事件

摘要：<div>我是div <h1>我是h1</h1> </div> <script> // 鼠标事件 // 鼠标事件,可以绑定给标签对象,也可以绑定给真个文档 // 鼠标事件绑定给标签对象--div // 只有绑定的标签可以触发事件处理函数 var oDiv = document.querySelect 阅读全文

posted @ 2020-12-02 00:06 Tsunami黄嵩粟阅读(53) 评论(0) 推荐(0)

滚动条小实验 BOM时间操作

摘要：<div class="top">我是吸顶div</div> <p class="back">返回顶部</p> <script> // 滚动条的监听事件 // 当滚动条位置发生改变时,触发定义的函数程序 // 可用使用 display 设定属性值为 none 或者 block 来控制标签的显示或阅读全文

posted @ 2020-11-30 23:22 Tsunami黄嵩粟阅读(110) 评论(0) 推荐(0)

BOM弹窗滚动条

摘要：// window.alert('弹出内容') 警告框 // window.prompt('弹出内容') 输入框 // 以字符串形式存储输入的数据内容 // 实际项目中大部分使用的是input // window.confirm('弹出内容') 确认框 // 点击确定返回值是 true / 阅读全文

posted @ 2020-11-30 23:20 Tsunami黄嵩粟阅读(84) 评论(0) 推荐(0)

标签占位信息

摘要：// 获取标签占位的数据信息 // 获取css样式的属性值,执行结果一定有px单位,需要通过parseInt() 获取整数部分 // 获取标签的占位数据,执行结果,都是数值,没有px单位,可以直接使用 var oDiv = document.querySelector('div'); // 1,获阅读全文

posted @ 2020-11-30 23:18 Tsunami黄嵩粟阅读(88) 评论(0) 推荐(0)

标签样式操作

摘要：// 1, 标签对象.style 只能获取通过行内样式语法设定的属性的属性值 // window.getComputedStyle 可以获取任意语法形式的css样式的属性的属性值 // 2, 标签对象.style 获取颜色获取的就是你设定的属性值 rgb() 或者英文词或者 #十六进制数值 / 阅读全文

posted @ 2020-11-30 23:17 Tsunami黄嵩粟阅读(114) 评论(0) 推荐(0)

知识点总结

摘要：1,数组的操作定义: var arr = []; var arr = new Array(); 调用: arr[索引下标] 索引下标是从0开始新增: 对不存在的索引下标进行赋值修改: 对已经存在的索引下标进行赋值删除: 通过length来删除 2,数组的函数两个写入和两个删除数组.pus 阅读全文

posted @ 2020-11-29 23:24 Tsunami黄嵩粟阅读(69) 评论(0) 推荐(0)

操作标签的属性和属性值 table表格

摘要：// 操作标签的属性和属性值 // 特殊的属性 // 可以直接通过点语法或者[]语法来操作的属性 // id 和 class // 标签.id 可以操作设定 id属性和属性值 // 标签.className 可以操作设定 class属性和属性值 // 直接写是获取,带有赋值的是设定 // 标签对象阅读全文

posted @ 2020-11-29 23:18 Tsunami黄嵩粟阅读(113) 评论(0) 推荐(0)

dom基本获取标签文本操作

摘要：// 总结: // 1, 通过id属性值,获取标签对象 // document.getElementById() // 一个标签对象 // 2, 通过标签名称,获取标签对象 // document.getElementsByTagName() // 一定是一个伪数组 // 使用for...in循环, 阅读全文

posted @ 2020-11-29 23:13 Tsunami黄嵩粟阅读(267) 评论(0) 推荐(0)

延时器清除延时器

摘要：// 定时器,延时器 // 定时器 : 根据时间间隔,循环往复执行程序,除非停止会一直执行程序 --有间隔的循环 // 延时器 : 根据时间间隔,延迟执行程序的时间,只会执行一次 --定时炸弹 // 语法: 时间单位 : 毫秒 // setTimeout(function(){执行的程序} , 延迟阅读全文

posted @ 2020-11-29 23:00 Tsunami黄嵩粟阅读(708) 评论(0) 推荐(0)

倒计时

摘要：// 倒计时 // 所谓的倒计时 // 是终止时间至当前时间的时间差 // 将这个时间差转化为天,时,分,秒 // 当前时间对象 new Date() // 结束时间对象 new Date('时间参数') // 时间差: 时间对象中获取时间戳 // 两个时间戳的差,就是时间差 // 时间戳阅读全文

posted @ 2020-11-29 22:58 Tsunami黄嵩粟阅读(123) 评论(0) 推荐(0)

电子时钟

摘要：// 电子表 // 通过 Date() 内置构造函数,生成时间对象 // 获取其中的时间信息,转化成需要的字符串 // 没有时间间隔,先执行一次 // 为了防止一开始没有显示内容 // 获取当前时间 var d = new Date(); // 获取4位年份 var year = d.getFull 阅读全文

posted @ 2020-11-29 22:29 Tsunami黄嵩粟阅读(118) 评论(0) 推荐(0)

时间戳

摘要：// 时间戳 // 当前时间到 1970年1月1日 0点0分0秒的时间差 // JavaScript 中时间戳的单位是毫秒 // 1秒 = 1000 毫秒 // 1,设定时间对象 var d = new Date(); // 默认获取的时间单位是毫秒 // 一般需要转化成秒 // 获取结果阅读全文

posted @ 2020-11-29 12:44 Tsunami黄嵩粟阅读(206) 评论(0) 推荐(0)

随笔分类 - js