javascript
关注
分享
扫一扫
黄宝康
这个作者很懒，什么都没留下…
展开
-
js字符串反转
var author = "huangbaokang"author.split('').reverse().join('')原创 2020-07-20 09:25:30 · 309 阅读 · 0 评论 -
javascript实现MD5加密
MD5 = function (e) { function h(a, b) { var c, d, e, f, g; e = a & 2147483648; f = b & 2147483648; c = a & 1073741824; d = b & 1073741824; g = (a & 1073741823) + (b & 1073741823);原创 2020-06-03 17:25:05 · 441 阅读 · 0 评论 -
js实现音频播放
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title></title> <script type="text/javascript" src="jquery.min.js"></script> <style type="text/css"> body{ margin: 0; padding原创 2020-05-21 21:54:55 · 2166 阅读 · 0 评论 -
粒子时针
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati...转载 2020-04-17 16:18:42 · 302 阅读 · 0 评论 -
require.js入门
官方网站：https://requirejs.orghtml页面中引入require.js，使用data-main指定入口加载js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <s...原创 2020-03-31 14:33:11 · 504 阅读 · 0 评论 -
js实现放大镜效果
<!doctype html><html><head> <meta charset="UTF-8"> <title>放大镜</title> <style> * { margin: 0; padding: 0 ...原创 2020-02-25 16:27:26 · 333 阅读 · 0 评论 -
自动定位到底部
<div class="Dialog_box"> 多行信息展示<span class="min-height" id="box"></span></div> var element = document.getElementById("box"); element.scrollIntoView();//页面定位到底部页面js中加上以上...原创 2020-01-06 10:02:23 · 750 阅读 · 0 评论 -
swal confirm确认框
//删除工单 function doDel(id){ swal({ title: "确定要删除工单吗？", /* text: "删除之后无法恢复该数据!", */ type: 'warning', showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "确定",...原创 2020-01-05 10:31:03 · 4988 阅读 · 0 评论 -
简单方式实现页面显示时间
Clock.jsfunction Clock() { var date = new Date(); this.year = date.getFullYear(); this.month = date.getMonth() + 1; this.date = date.getDate(); this.day = new Array("星期日", "星期一", "星期二", "星期三", "...原创 2019-12-11 11:24:49 · 652 阅读 · 0 评论 -
JavaScript中的__proto__原理
原理图：在JS里，万物皆对象。方法（Function）是对象，方法的原型(Function.prototype)是对象。因此，它们都会具有对象共有的特点。即：对象具有属性__proto__，可称为隐式原型，一个对象的隐式原型指向构造该对象的构造函数的原型，这也保证了实例能够访问在构造函数原型中定义的属性和方法。方法这个特殊的对象，除了和其他对象一样有上述_proto_属性之外，还有自己特有...转载 2019-10-25 17:37:09 · 887 阅读 · 0 评论 -
javascript知识点
数据类型数据类型有 undefined,null,bool,number,string,object和function共七种类型。typeof运算得到的结果是一个string类型的值，所以使用两次typeof运算符得到的结果一定是string。有如下几个需要注意，平时经验多积累，以下是在浏览器控制台输入的typeof undefined"undefined"typeof null"...原创 2019-10-17 17:59:49 · 430 阅读 · 1 评论 -
使用Browserify来实现CommonJS的浏览器加载
前面的话Nodejs的模块是基于CommonJS规范实现的，可不可以应用在浏览器环境中呢？var math = require('math');math.add(2, 3);第二行math.add(2, 3)，在第一行require(‘math’)之后运行，因此必须等math.js加载完成。也就是说，如果加载时间很长，整个应用就会停在那里等。这对服务器端不是一个问题，因为所有的模块都存放...转载 2018-09-19 11:22:23 · 632 阅读 · 0 评论 -
Array.prototype.slice.call()方法的理解
在看别人代码时，发现有这么个写法：[].slice.call(arguments, 0)，这到底是什么意思呢？1、基础1）slice() 方法可从已有的数组中返回选定的元素。start：必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。end：可选。规定从何处结束选取。该参数是数组片断结束处的数组下标...转载 2018-10-26 10:31:14 · 9274 阅读 · 4 评论 -
ES6数组的解构赋值
ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。以前，为变量赋值，只能直接指定值。var a = 1;var b = 2;var c = 3;ES6允许写成下面这样。var [a, b, c] = [1, 2, 3];本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。下面是一些使用嵌套...转载 2018-10-31 09:02:45 · 301 阅读 · 0 评论 -
javascript数值的toFixed方法和toPrecision方法
首先先执行如下结果，可能会令你大感意外。出现这个原因在于，在javascript中，所有的数值都是64位双精度的。在项目中，我们经常碰到如下的需求，即UI渲染过程中，我们希望获取到的数值是固定位数的，或者为了显示美观，固定多少位长度。javascript为数值提供了toFixed方法和toPrecision方法。发现这个toFixed方法会进行四舍五入。同样 toPrecision...原创 2018-10-24 09:47:34 · 4036 阅读 · 0 评论 -
javascript中奇怪的执行结果（立即执行函数）
在下面的例子中，将IIFE赋值给一个变量message。message返回另外一个函数，该函数只是简单地输出变量x的值。有趣的事情是，当我们把变量x的初始值作为参数传入函数时，可以在函数执行时所创建的闭包中捕获变量x的值。无论在外部作用域中x的值发生了什么变化，闭包将记住函数执行时变量x的值。var x = 42;console.log(x);var message = ( functio...原创 2018-10-24 10:59:46 · 354 阅读 · 0 评论 -
Uncaught TypeError: window.showModalDialog is not a function
原来在chorme 37以后，谷歌就已经把这个函数停用了，把停用的showModalDialog改成window.open就可以打开子窗体了。原创 2019-06-25 11:29:16 · 7554 阅读 · 0 评论 -
SuperSlide.js
1、引用jQuery.js 和 jquery.SuperSlide.js因为SuperSlide是基于jQuery的插件，所以前提必须先引用jQuery，再引用SuperSlide<head> <script type="text/javascript" src="../jquery1.42.min.js"></script> <scr...转载 2019-07-01 15:32:48 · 2472 阅读 · 0 评论 -
js查看js对象的属性
一、创建对象在js中创建对象并赋值var person = new Object();person.name="huangbaokang";person.age=30;person.author = function(){ return this.name;}也可以直接新建对象，不通过构造函数，如下所示，我经常就使用这种方式。var person = {};person...原创 2019-07-17 20:03:35 · 3344 阅读 · 0 评论 -
bootstrap-table分页记住勾选
var hbk_names = new Array();// 全局保存人员名字的数组 // 绑定选中事件、取消事件、全部选中、全部取消 $.btTable.on("check.bs.table check-all.bs.table uncheck.bs.table uncheck-all.bs.table", function (e, rows) { // ...原创 2019-08-08 18:07:18 · 3161 阅读 · 0 评论 -
解决ruoyi框架ajax刷新问题
// 刷新本页面 function hbkrefresh(){ var currentId = $('.page-tabs-content',parent.document).find('.active').attr('data-id'); var target = $('.RuoYi_iframe[data-id="' + currentId + '"]',parent.docu...原创 2019-08-14 15:11:15 · 3789 阅读 · 0 评论 -
js动态渲染的页面发现鼠标悬浮hover事件失效
在开发上，页面是通过调用ajax调用生成的HTML元素节点，发现鼠标悬浮hover事件失效了$(function(){ $.ajax({ type:'post', url:ctx+'hbk/task/allTaskBefore12', dataType:'json', success:function(res){ var html ; for(var ...原创 2019-09-24 11:03:26 · 1704 阅读 · 0 评论 -
bootstrap table伸缩树特效
function detailFormatter(index,row){ // 返回提交记录详情 console.log(row); var html=""; html+="<ul class='d-lists'>"; if(row.details.length>0){ for(var i=0;i<row.details.length;...原创 2019-09-25 09:13:45 · 921 阅读 · 0 评论 -
js控制按钮每隔一小时才能再次点击
formatter: function(value, row, index) { var actions = []; actions.push('<a class="btn btn-primary hbk_padding btn-xs " style="border:1px solid #BABABA" href="ja...原创 2019-09-27 16:29:49 · 1044 阅读 · 0 评论 -
JS判断时间是否早晚于当前时间
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>时间判断</title></head><body> <script原创 2018-04-17 19:19:19 · 21404 阅读 · 0 评论 -
星级评分实现，封装成jquery插件
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"/><title>星级评分</title><style type="text/css"> body ul li{原创 2018-09-10 11:58:49 · 808 阅读 · 0 评论 -
Jquery形式的方法调用
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>jquery形式的方法调用</title> <script type="text/javascript" src="jquery.js原创 2018-08-27 20:22:42 · 603 阅读 · 0 评论 -
ES6代理实现对象数据保护
在ES3中，为了防止js调用修改对象内部属性，可以采取下面的方式：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ES6代理</title> <script type="text/javascrip原创 2018-08-17 13:56:35 · 483 阅读 · 0 评论 -
级联下拉选择月份显示总天数
<form action="#"> <select id="months"> <option value="">Month</option> <option value="0">January</option> <option value=&原创 2018-05-30 16:20:00 · 373 阅读 · 0 评论 -
Javascript实现鼠标替换图片的简单方法
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt;title&amp;gt;A Simple Rollover&amp;lt;/title&amp;gt; &amp;lt;link rel=&quot;st原创 2018-05-30 08:46:25 · 3325 阅读 · 0 评论 -
不同浏览器onmousedown事件的处理
document.getElementById("#id").onmousedown=toggleColor;function toggleColor(evt) { if (evt) { var thisSquare = evt.target; } else { var thisSquare = window.event.srcElement; } if (thisSquare....原创 2018-05-29 17:49:03 · 1921 阅读 · 0 评论 -
javascript try catch示例
window.onload = initAll;function initAll() { var ans = prompt("Enter a number",""); try { if (!ans || isNaN(ans) || ans<0) { throw new Error("Not a valid number"); } alert("The square root o...原创 2018-05-29 13:55:04 · 623 阅读 · 0 评论 -
后台系统定时检查session的状态，当session失效的时候，自动跳转到登录页
这个需求比较常见，一般做法是在公共的引用文件中加入js定时器，定时检查session的状态。公共文件一般是一些js，css文件，以及一些自己封装的js函数库等。 如在公共文件include_common.jsp文件中加入如下代码：&lt;!-- 每分钟检查session的状态，当session过期的时候，跳到登录页面 --&gt;&lt;script type="text/java...原创 2018-04-19 14:16:02 · 5315 阅读 · 2 评论 -
eWebEditor编辑器的使用
eWebEditor是一款文本编辑器，个人并不是很看好它，反而感觉它的样式比较丑陋，以前在项目上大都使用KindEditor或者Layui自带的Editor，对图片上传，视频上传等支持的比较好。言归正传，今天我带领大家如何使用eWebEditor。从网上下载eWebEditor，下载之后的目录结构如下：我的是在Eclipse里打开的。主要是用到了ewebeditor.htm。而ew原创 2018-01-10 11:19:52 · 5807 阅读 · 0 评论 -
JS汉字转拼音
<script type="text/javascript">var PinYin = { "a" : "\u554a\u963f\u9515", "ai" : "\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u7477\u66转载 2017-11-15 15:17:55 · 6101 阅读 · 0 评论 -
原生js打印插件Print.js
网页打印功能在很多的网站系统中都会使用到。比如说报表打印功能等。 以下是在Jquery插件库中找到的一款原生js打印插件，代码清洁简单，封装的代码也很好理解。index.html页面代码<!doctype html><html><head><meta charset="UTF-8"><title>Print.js 演示</title><style> html,body{原创 2020-11-30 14:52:56 · 14851 阅读 · 2 评论 -
js 获取浏览器版本信息（全）
<!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> <title> New Docum转载 2017-09-20 14:16:24 · 680 阅读 · 0 评论 -
DOM事件处理方式
DOM事件处理分DOM 0级处理，2级处理，以及兼容IE8以下版本。以下代码可以兼容各大浏览器版本。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>DOM事件</title></head><body> <div id="div"> <button id="btn">原创 2017-09-19 13:59:41 · 569 阅读 · 0 评论 -
表单校验原理
<form action="#"> <p><label for="userName">Your name:<input type="text" size="30" id="userName" class="reqd"></label> <原创 2018-05-30 17:25:58 · 997 阅读 · 0 评论 -
对姓名进行首字母大写处理
function nameList(inNameList) { var newNames = new Array; var newNameField = ""; var re = /\s*\n\s*/; var nameList = inNameList.split(re); re = /^(\S)(\S+)\s(\S)(\S+)$/; ...原创 2018-05-31 14:48:32 · 2686 阅读 · 0 评论