Js(JQuery)
文章平均质量分 51
Js(JQuery)
夏已微凉、
这个作者很懒,什么都没留下…
展开
-
网站地图siteMap实现:原样输出、循环渲染、递归渲染
网站地图siteMap实现:原样输出、循环渲染、递归渲染原创 2022-10-24 11:25:00 · 147 阅读 · 0 评论 -
Javascript正则校验最多2位正浮点数
【代码】Javascript正则校验最多2位正浮点数。原创 2022-08-31 21:16:20 · 532 阅读 · 0 评论 -
Uncaught DOMException Document.querySelector ‘#1‘ is not a valid selector
一、分析二、原因三、解决四、代码一、分析报错翻译:未捕获的DomeException文档。查询选择器“#1”不是有效的选择器 代码执行时代码执行1秒后二、原因HTML中的ID不能以数字开头图1图2三、解决按照ID的设置规则,不以数字开头就好了四、代码<!DOCTYPE html><html> <head> <title>这是标题</title> </h.原创 2022-05-04 16:11:08 · 1474 阅读 · 0 评论 -
如何用JS跳转到页面中的指定ID(元素)
一、a标签跳转二、scrollIntoView跳转1、语法2、语法参数3、Demo一、a标签跳转直接a标签跳转,显得有点太生硬;加上css,实现页面平滑滚动。<!DOCTYPE html><html> <head> <title>a-Demo</title> </head> <style> /* bar超出屏幕,显示在屏幕最上方 */ .bar { position:fixed; .原创 2022-05-04 16:03:05 · 4946 阅读 · 1 评论 -
PHP 简单的页面跳转提示
一、效果二、代码一、效果二、代码 public function test() { self::jumpPage('http://www.baidu.com'); } /** * 页面跳转公共方法 * @param string $jumpUrl 需要跳转的url * @param string $message 提示信息 * @param int $time 多少秒之后跳转 */ public fu.原创 2021-11-03 16:17:00 · 1710 阅读 · 0 评论 -
Golang sha256 加密,PHP hash_hmac(‘sha256‘, $string, $key)加密,Js CryptoJS.HmacSHA256(string, key) 加密
一、go代码二、PHP代码三、Js代码四、结果五、相关地址一、go代码package mainimport ( "crypto/hmac" "crypto/sha256" "encoding/hex" "fmt")func main() { s := []byte("hello") key := []byte("123456") m := hmac.New(sha256.New, key ) m.Write( s ) signature := hex.EncodeToStr.原创 2021-08-05 17:49:03 · 1283 阅读 · 0 评论 -
JS获取指定月的前N个月数据
一、代码二、对应的PHP方法一、代码<script> let months = getLastAllMonthByNumber(6, '2021-07'); console.log(months); /** * 打印 * Array(6) [ "2021-02", "2021-03", "2021-04", "2021-05", "2021-06", "2021-07" ] */ //获取当前月的前N个月的所有月份数据,月份.原创 2021-07-16 09:23:46 · 578 阅读 · 0 评论 -
jQuery实时校验输入框:整数、浮点数
一、代码二、 效果图三、其他一、代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>jQuery实时校验输入框:整数、浮点数</title> <style> </style></head><body><!-- 引入jquery --><.原创 2021-02-22 11:51:10 · 370 阅读 · 0 评论 -
Css实现页面元素置顶时悬浮
一、描述二、思路三、解决四、代码一、描述当页面的标题不在页面显示时,把标题固定在页面顶部。二、思路通过比较元素距离窗口顶部的距离,Y轴滚动条距离窗口顶部的距离,来设置标题的样式;如果数据足够多,就不会有问题;问题重现,【 浏览器:火狐浏览器,分辨率:500 * 500】。如下图,你会发现Y轴滚不到最下面。三、解决不用Js计算距离,直接通过Css样式设置。请打开以下代码<style>标签里的内容,注释titleTop()方法。四、代码<html>.原创 2020-10-24 14:10:06 · 2149 阅读 · 0 评论 -
用 js 写的 WebSocketHeartBeat,心跳检测,断线重连
用js写的WebSocketHeartBeat,心跳检测代码<script> var ws;//websocket实例 var lockReconnect = false;//避免重复连接 var wsUrl = 'ws://localhost:8811'; function createWebSocket(url) { try { ws = new WebSocket(url); ini.原创 2020-10-21 16:57:01 · 1334 阅读 · 2 评论 -
前端代码在线调试
jsbin.comjsfiddle.netcodepen.iojqueryfunsrunoobjq22jsbin.comjsbin.comjsfiddle.netjsfiddle.net网站打不开,暂无图片codepen.iocodepen.iojqueryfunsjqueryfunsrunoobrunoobjq22jq22原创 2020-10-21 10:01:51 · 307 阅读 · 1 评论 -
Layer/jquery获取父窗口的元素
一、描述二、分析三、参考一、描述如图,我们要在 消息中心 选项卡中 改变 消息提示框(铃铛)旁边的未读消息数量。二、分析未读数量 html 代码,参考地址 Layui官方文档 - 页面元素 - 徽章<!-- 未读消息数 --><span class="layui-badge" style="display: none" id="not-read-msg-count"></span>由于 消息提示框(铃铛图标)属于header ,消息中心选项卡 .原创 2020-10-13 17:57:42 · 1887 阅读 · 0 评论 -
js中将字符串作为函数名来调用的方法
一、前言1、定义2、语法二、使用1、实例2、笔记13、笔记2一、前言1、定义eval() 函数计算 JavaScript 字符串,并把它作为脚本代码来执行。如果参数是一个表达式,eval() 函数将执行表达式。如果参数是Javascript语句,eval()将执行 Javascript 语句。2、语法eval(string)参数描述string必需。要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句。二、使用1、实例执行JavaS.转载 2020-09-29 17:27:41 · 2662 阅读 · 0 评论 -
jQuery自定义的属性内容包含单引号、双引号,页面显示异常
一、场景二、解决三、代码一、场景我们有时会把需要用到的内容放到html标签的属性中。如下,是没问题的<div data-id='1' data-content='内容'>是个div</div>如下,是有问题的<div data-id='1' data-content='<span style='color: red'>内容</span>'>是个div</div><div data-id="1" data.原创 2020-09-23 10:19:09 · 700 阅读 · 0 评论 -
用 js 写的 WebSocketHeartBeat,心跳检测
一、地址二、代码一、地址用js写的WebSocketHeartBeat,心跳检测二、代码 var ws;//websocket实例 var lockReconnect = false;//避免重复连接 var wsUrl = 'ws:xxx.1.1.1'; function createWebSocket(url) { try { ws = new WebSocket(url); initE.转载 2020-09-19 17:39:06 · 2883 阅读 · 0 评论 -
前端调用websocket的3种不同写法
一、前言二、使用方法1方法2方法3一、前言我们知道websocket是一个 ws://*** 连接,我们可以调用网站 websocket.org 的 ws://echo.websocket.org 作为 前端调用服务端的地址二、使用方法1请参考我这一篇Go gorilla websocket 小试牛刀,使用其中的 client.html 文件,修改服务端地址为 ws://echo.websocket.org 即可。效果如图代码如下<!DOCTYPE html><ht.原创 2020-09-19 17:11:34 · 5560 阅读 · 2 评论 -
var a=function和function b有什么区别
一、如图1、异常2、正常二、内容1、调用顺序不同2、初始化不同3、特点不同三、可参考地址一、如图1、异常2、正常二、内容1、调用顺序不同1、var a=function:匿名函数的定义方法,若是在定义之前调用了,系统会报错。2、function a:该方法的zhi定义是全局性的,就算在调用之后定义,系统也不会报错。2、初始化不同1、var a=function:只用运行到这个方法时才能对变量a进行初始化,若是没有对变量a初始化,则会报错。此时,a代表后面匿名函数的返回值。2、.转载 2020-09-07 14:19:22 · 580 阅读 · 1 评论 -
js 对象数组追加元素
一、图片二、代码一、图片二、代码let heads = [ {name: '姓名1', 'age': '年龄1'}, {name: '姓名2', 'age': '年龄2'},];let middle = [ {name: '姓名3', 'age': '年龄3'},];let foot = {name: '姓名4', 'age': '年龄4'};//连接heads,middlelet result = heads.concat(middle);//pus.原创 2020-08-14 14:13:53 · 3261 阅读 · 0 评论 -
Js 获取当前时间上一个月 YYYY-mm
一、准备二、注意三、代码一、准备1、JavaScript Date 对象2、getFullYear():从 Date 对象以四位数字返回年份。3、getMonth():从 Date 对象返回月份 (0 ~ 11)。二、注意1、月份是从0-11,即0表示1月;1表示2月…11表示12月2、这里特殊处理0(1)月即可,如果当前月是0(1)月,倒退一个月就是去年的12月,年份减1,月份设置为12;否则年份就是当前年,月份本来是要减1的,但是由于getMonth()的月份本身就是少了1的,所以.原创 2020-08-14 09:02:10 · 16498 阅读 · 0 评论 -
Jquery之append()和html()的区别
目录一、展示1、初始页面2、追加1次3、追加2次4、追加3次二、代码三、总结一、展示1、初始页面2、追加1次3、追加2次4、追加3次二、代码<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/html"><head> <meta charset="UTF-8"> <title>html</title> <styl原创 2020-05-29 17:24:37 · 5901 阅读 · 0 评论 -
Jquery获取表格tr对象,并循环获取表格内容
目录一、场景二、示例1、表格图片2、表格数据图片3、代码一、场景传多个表格数据到后台一般用 [] 这样定义name:<input name="grade[]"/><input name="age[]"/>这样的话后台处理起来比较麻烦,直接根据class定位到表格的内容,把表格数据组装成对象返回到后台二、示例1、表格图片2、表格数据图片3、代码<!DOCTYPE html><html lang="en" xmlns="http://w原创 2020-05-29 11:22:16 · 4600 阅读 · 0 评论 -
js 正则 exec() 和 match() 数据抽取
js 正则 exec() 和 match() 数据抽取转载地址:js 正则 exec() 和 match() 数据抽取 去看看js 的正则表达式平常用的不多,但以前抽取数据的时候用到过,主要是有这样的需求;var text='<td class="data">2014-4-4</td><br /><td class="data"&g...转载 2020-05-25 10:25:33 · 1354 阅读 · 0 评论 -
Js获取当前时间
目录一、文档二、代码三、打印一、文档JavaScript Date 对象 去看看二、代码console.log(getNowTime());//获取当前时间function getNowTime() { var date = new Date(); //年 getFullYear():四位数字返回年份 var year = date.getFullYear(); //getFullYear()代替getYear() //月 getMonth():0 ~ 11原创 2020-05-23 14:24:33 · 22817 阅读 · 2 评论 -
打印九九乘法表
打印九九乘法表1、Python代码for i in range(1, 10): for j in range(1, i+1): print("%s*%s=%s\t" %(j, i, i*j), end="") # %s格式化输出,end=""不换行输出 print("")2、Go代码package mainimport ( "...原创 2020-05-21 17:45:33 · 200 阅读 · 0 评论 -
Js查找数组中元素的位置
Js查找数组中元素的位置1、图片2、代码var search = 1;var lists = ['5', '4', '1', '2', '3'];//Jquery:$.inArrayindex = $.inArray(search...原创 2020-05-07 16:58:43 · 1279 阅读 · 0 评论 -
jquery中object对象循环遍历的方法
jquery中object对象循环遍历的方法 一个朋友问对象如何转为数组,当我问他为啥要转得时候,他告诉我,数组可以用js循环遍历,而对象则不可以。其实呢,对象同样可以循环遍历的啊。不用转换也可以循环!说明你对js或者jquery的某些操作不是很熟练!在这...转载 2020-04-09 08:26:41 · 989 阅读 · 0 评论 -
按顺序读取选中的复选框
按顺序读取选中的复选框<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/html"> <head> <...原创 2020-03-14 17:40:59 · 660 阅读 · 0 评论 -
监听下拉框,当前选中值
监听下拉框,当前选中值1、效果2、代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8">...原创 2020-03-06 17:35:43 · 2454 阅读 · 0 评论 -
报错:ReferenceError: Cannot access 'age' before initialization
报错:ReferenceError: Cannot access 'X' before initialization1、以下代码报错:ReferenceError: Cannot access 'age' before initializationfunction fn (age){ if (typeof...原创 2020-02-27 11:58:00 · 7851 阅读 · 0 评论 -
$.each 中return问题
$.each 中return问题1、效果2、代码<html> <head> <title>$.each中return问题</title> <sty...原创 2019-12-11 18:07:29 · 1607 阅读 · 2 评论 -
Jquery 对象求和
Jquery 对象求和1、效果2、注意 reduce循环对象不能为空,如果为空则抛出异常:TypeError: reduce of empty array with no initial value 所以代码中加了是否...原创 2019-12-11 18:05:39 · 921 阅读 · 0 评论 -
easyui combobox自动搜索提示功能
easyui combobox自动搜索提示功能1、前端代码:<input class="easyui-combobox" id="userId" style="width:200px;"></input> <script&g..原创 2018-11-09 00:34:44 · 1413 阅读 · 0 评论 -
JQuery常用属性整理
JQuery常用属性整理 方法目录: |------------- attr(name|properties|key,value|fn) |-----...原创 2018-09-25 15:07:43 · 277 阅读 · 0 评论 -
解决JS浮点数(小数)计算加减乘除的BUG
/** ** 加法函数,用来得到精确的加法结果 ** 说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。 ** 调用:accAdd(arg1,arg2) ** 返回值:arg1加上arg2的精确结果 **/function accAdd(arg1, arg2) { var r1, r2, m, c; try...转载 2018-10-19 09:07:41 · 291 阅读 · 0 评论 -
验证码重新发送倒计时
验证码重新发送倒计时1、效果2、代码<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8">...原创 2018-09-27 19:37:32 · 268 阅读 · 0 评论 -
给链接追加参数
给链接追加参数<html><head> <title>给链接追加参数</title> <style> span{border:1px solid #c...原创 2018-09-19 16:33:02 · 3129 阅读 · 0 评论 -
html 复选框全选、反选操作
html 复选框全选、反选操作1、效果图2、代码<html><head> <title>html复选框全选、反选操作</title> <style> ...原创 2018-02-26 12:42:11 · 1512 阅读 · 0 评论 -
webuploader上传多张照片的基本功能
webuploader上传多张照片的基本功能[html]<!-- 引入Jquery --><script type="text/javascript" src="http://fex.baidu.com/webuploader/js/jquery-1.10.2.min.js"></script><!-- 引...原创 2018-03-28 14:53:06 · 2606 阅读 · 2 评论 -
json对象和json字符串之间的转化
json对象和json字符串之间的转化用途:Ajax前后端传递数据,要把json对象转换为json字符串1、json对象 => 字符串 [JSON.stringify()] var json = {name: "zhangsan", age: 18, email: "*********@qq.com"}; ...原创 2018-04-10 17:54:14 · 185 阅读 · 0 评论 -
Js、Jquery密码输入框的密码显示与隐藏
Js、Jquery密码输入框的密码显示与隐藏 1、基本理解: 鼠标左键按下去时,把输入框的属性改为text;鼠标左键松开时,把输入框的属性改为password2、html代码:<html> <head> <meta http-...原创 2018-04-13 15:16:37 · 3175 阅读 · 0 评论