此时情绪此时天,无事小神仙
好好生活,平平淡淡每一天

编辑

随笔分类 -  JavaScript

摘要:效果图 Html代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>画布搜索</title> <script src="https://lib.baomitu.com/jquery/3.4.1/jquery.js"></scr 阅读全文
posted @ 2021-01-15 16:18 踏步 阅读(138) 评论(1) 推荐(0) 编辑
摘要:效果图 CCS属性 在固定宽度width:800px;的前提下,包裹Json元素块中添加属性 word-break: break-all; Html代码 <html lang="en"> <head> <meta charset="utf-8"> <title>Json换行</title> </he 阅读全文
posted @ 2020-06-30 15:53 踏步 阅读(1647) 评论(0) 推荐(0) 编辑
摘要:数组转字符串 需要将数组元素用某个字符连接成字符串 var a, b; a = new Array(0,1,2,3,4); b = a.join("-"); //"0-1-2-3-4" 字符串转数组 实现方法为将字符串按某个字符切割成若干个字符串,并以数组形式返回 var s = "abc,abcd 阅读全文
posted @ 2020-06-11 13:44 踏步 阅读(426) 评论(0) 推荐(0) 编辑
摘要:效果图 Html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>give for you</title> <style type="text/css"> .pikaqiu{ width: 100%; t 阅读全文
posted @ 2020-05-12 09:14 踏步 阅读(217) 评论(0) 推荐(0) 编辑
摘要:作用域不一样,var是全局或函数作用域,而let是块作用域。 var:在函数内声明的var变量,在函数内外都是有效的,比如说在循环内定义了一个var变量,在循环以外也是可以访问的; let:在函数内声明的let变量,只在函数内是有效的,比如说循环内定义了一个let变量,在循环以外是不可被访问的。 所 阅读全文
posted @ 2020-05-08 11:19 踏步 阅读(1125) 评论(0) 推荐(0) 编辑
摘要:效果图 Html代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <met 阅读全文
posted @ 2020-05-06 09:28 踏步 阅读(379) 评论(0) 推荐(0) 编辑
摘要:点击跳转(和name对应) <a href="#shuiguo">点击跳转到"水果"处</a> name 被跳转处 <a href="#" name="shuiguo">水果</a> 阅读全文
posted @ 2020-04-28 18:55 踏步 阅读(172) 评论(0) 推荐(0) 编辑
摘要:在jQuery中选择select标签有以下两种方法 $("#selectId") 和 $("select[name='selectName']") 用示例如下: <script type="text/javascript" > /* * 获取select选择的值,选择了select之后直接用val( 阅读全文
posted @ 2020-04-17 17:07 踏步 阅读(2087) 评论(1) 推荐(0) 编辑
摘要:同源策略 所有支持Javascript的浏览器都会使用同源策略这个安全策略,看看百度的解释: 同源策略,它是由Netscape提出的一个著名的安全策略。 现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指,域名,协议,端口相同。 当一个浏览器的两个tab页中分别打开百度和谷歌的 阅读全文
posted @ 2019-12-24 11:23 踏步 阅读(1166) 评论(0) 推荐(0) 编辑
摘要:JS禁止文本框的记忆性输入(已测试:ok) <script type="text/javascript" > //禁止文本框的记忆性输入 $(document).ready(function(){ //根据id获取input框元素,并设置不自动完成以达到消除文本框的记忆性输入 document.ge 阅读全文
posted @ 2019-12-16 17:47 踏步 阅读(210) 评论(0) 推荐(0) 编辑
摘要:效果图 相关css和js引入路径 https://cdnjs.cloudflare.com/ajax/libs/mui/3.7.1/css/mui.css https://cdnjs.cloudflare.com/ajax/libs/mui/3.7.1/css/mui.min.css https:/ 阅读全文
posted @ 2019-12-06 12:00 踏步 阅读(554) 评论(0) 推荐(0) 编辑
摘要:效果图 Html代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>纯js验证码</title> </head> <style> #code{ font-family:Arial; font-style:italic; fon 阅读全文
posted @ 2019-12-04 16:49 踏步 阅读(590) 评论(0) 推荐(0) 编辑
摘要:实现的搜索功能 可以匹配输入的字符串找出列表中匹配的项,列表框的高度跟随搜索出的列表项的多少改变 可以点击某一项进行选中列表项 可以按下上、下、回车键来控制列表项 按下回车键时则会选中列表项 点击文本框中的下拉键头时会切换下拉框的显示/隐藏 点击文本框外部时自动隐藏下拉框 效果图 列表中包含的列表项 阅读全文
posted @ 2019-12-03 10:00 踏步 阅读(1397) 评论(0) 推荐(0) 编辑
摘要:效果图 Html代码 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title> 阅读全文
posted @ 2019-12-03 09:51 踏步 阅读(164) 评论(0) 推荐(0) 编辑
摘要:实现的功能 进入页面,轮播图自动向右切换 鼠标悬停在轮播图部分时,轮播图停止切换,鼠标离开继续自动切换 鼠标悬停在下方的小圆点上时,自动切换到对应的图片 鼠标点击向左或向右按钮时,图片会向左或向右切换 效果图如下 无逢轮播图实现原理 所谓无逢轮播,就是几张图片向左或者向右切换,使最后一张图片和第一张 阅读全文
posted @ 2019-12-03 09:42 踏步 阅读(725) 评论(0) 推荐(0) 编辑
摘要:<script type="text/javascript"> //给id为nice的元素 添加title属性并赋值为"测试title" function addTitle(){ document.getElementById('nice').setAttribute("title","测试titl 阅读全文
posted @ 2019-10-29 14:42 踏步 阅读(21852) 评论(0) 推荐(1) 编辑
摘要:清除session <script type="text/javascript"> // 将退出按钮的id设置为exit,然后将这个函数在公共文件里面即可 $("#exit").on("click",function(){ //清除所有session值 sessionStorage.clear(); 阅读全文
posted @ 2019-10-18 14:21 踏步 阅读(133) 评论(0) 推荐(0) 编辑
摘要:获取某元素里面的元素个数 <body> <ul id="for_ulli"> <li></li> <li></li> <li></li> </ul> </body> <script type="text/javaScript"> //li的总个数 var liSize; //计算li的总个数 $(d 阅读全文
posted @ 2019-10-15 09:45 踏步 阅读(135) 评论(0) 推荐(0) 编辑
摘要:功能 方法 详情 网页可见区域宽 document.body.clientWidth 获取对象的宽度,不计算任何边距、边框、滚动条,但包括该对象的补白。 网页可见区域高 document.body.clientHeight 获取对象的高度,不计算任何边距、边框、滚动条,但包括该对象的补白。 docu 阅读全文
posted @ 2019-09-27 10:45 踏步 阅读(6881) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>定时器之延时触发鼠标悬浮事件</title> <script src="https://lib.baomitu.com/jquery/3.4.1/jquery.js"></scri 阅读全文
posted @ 2019-09-24 16:47 踏步 阅读(660) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示