js
热带鱼2020
这个作者很懒,什么都没留下…
展开
-
jquery设置div的滚动条回到顶部
jquery设置div的滚动条回到顶部// 将div的滚动条复位到顶部$( "#div1" ).animate( { scrollTop: 0 } );原创 2021-01-13 11:17:28 · 1423 阅读 · 0 评论 -
div设置文本内容不溢出,保持div内容在一个矩形中
<!-- div设置文本内容不溢出,保持div内容在一个矩形中 --> <div id="div1" style=" width: 720px; height: 330px; font: 16px 宋体; direction: ltr; overflow: auto;" />...原创 2020-11-07 18:17:09 · 3518 阅读 · 0 评论 -
textarea设置宽高和字体
<!-- textarea设置宽高和字体 --> <textarea id="doc" cols="90" rows="15" style=" text-align: left; font: 16px 宋体; border: 0" />...原创 2020-11-07 18:16:30 · 11391 阅读 · 1 评论 -
js jquery 根据 id 删除 div
//js 根据 id 删除 divvar thisNode = document.getElementById( "div1" );if ( thisNode != null && thisNode.parentElement != null ) { thisNode.parentElement.removeChild( thisNode );}//jquery 根据 id 删除 div$( "#div1").remove();...原创 2020-10-11 11:23:22 · 2277 阅读 · 0 评论 -
html 嵌入 flash 的方法
例子:<object ><param name="allowScriptAccess" value="sameDomain" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="testFlash.swf" quality="high" bgcolor="#ffffff" width="550" height="原创 2020-06-03 01:58:14 · 351 阅读 · 0 评论 -
jquery 实现的数字华容道
<!DOCTYPE html><html><head><meta charset="gbk"><title>数字华容道</title><style type="text/css"> *{ padding: 0px; margin: 0px; } #btns>button{ width: 100px; height: 30px; border: none; backgrou...原创 2020-05-31 15:39:37 · 550 阅读 · 0 评论 -
js 获取字符串中第二处出现的某个字符的索引
使用 string.indexOf( searchValue, start ) 函数,两个参数的含义:searchValue 需查询的字符串值start 可选,规定在字符串中开始检索的位置。如果省略这个参数,将从字符串的首字符开始查询//js 获取字符串中第二处出现的某个字符的索引var st = 'abc/abc/abc'; var index1 = st.indexOf( '/' ) + '/'.length;var index2 =...原创 2020-05-26 09:32:21 · 6502 阅读 · 0 评论 -
springboot 项目直接使用 jquery,不使用 thymeleaf 模板的方法
把 html 类型的页面放在 static 目录下就可以,在页面里引入 <script type="text/javascript" src="../../js/jquery.min.js"></script>和<link rel="stylesheet" href = "../../css/bootstrap.css">就可以直接使用 jquer...原创 2020-05-24 20:03:39 · 1444 阅读 · 0 评论 -
css 设置 label 的宽度
使用:display:inline-block; + width 样式:<label style="display:inline-block; width:200px;" >MegaFactory</label>原创 2020-05-16 11:04:52 · 3104 阅读 · 0 评论 -
js 通过调用函数来模拟页面上的鼠标点击动作
// 通过调用函数来模拟页面上的鼠标点击动作function clickObj( id ) { var o = document.getElementById( id ); // 获得页面中的a对象 if ( document.all && typeof( document.all ) == "object" ) { // IE o.fireEvent("onclick"); } else { var e = document.createEvent('Mo.原创 2020-05-14 18:08:02 · 930 阅读 · 0 评论 -
为 html 的文本输入框增加 onkeydown 事件
<html><head><title></title><script>function displayResult() { var x; if ( window.event ) { x = event.keyCode; } else if ( event.which ) { x = event.which; } var keychar = String.from.原创 2020-05-14 11:03:19 · 379 阅读 · 0 评论 -
用 js 将 textarea 的滚动条滚动至最底部
<html><head><script>function test1() { var textarea = document.getElementById('talkContent'); textarea.scrollTop = textarea.scrollHeight;}function test2() { var textarea = document.getElementById('talkContent'); te.原创 2020-05-14 00:56:51 · 2730 阅读 · 1 评论 -
jquery 的 prev, next, find 的用法
find() 是用来查找后代元素,prev(),next() 用来查找同级元素。 find() 可以查找后代任意一个元素,但需要进行匹配。 next() 只能查找后一个同级元素,如果想查找下下个元素,就多用一个next()。 prev 和 next 相对转自: https://blog.csdn.net/lmp5023/article/details/88386461...原创 2019-12-13 09:19:59 · 483 阅读 · 0 评论 -
Jquery 获得 select 的所有 option 键值对
// Jquery 获得 select 的所有 option 键值对var data;$("#select1 option").each( function() { var value = $(this).val(); var text = $(this).text().trim(); data += '<option value="' + valu...原创 2019-12-11 17:08:15 · 456 阅读 · 0 评论 -
a 标签的 title 属性 让鼠标悬停在链接上,显示该链接的文字注释
使用 title 属性,可以让鼠标悬停在链接上的时候,显示该链接的文字注释。<a href="http://www.ali88.com" title="ali">Ali88 网站</a>如果希望注释多行显示,可以使用 作为换行符。...原创 2019-11-27 09:52:22 · 1456 阅读 · 0 评论 -
JS 获取当前的时间戳
var timestamp = new Date().getTime();结果:1545816456780原创 2019-11-26 15:20:21 · 167 阅读 · 0 评论 -
bootstrap table 分页条只显示翻页按钮,不显示文字信息
搜了下没找到解决方案,就用 CSS 来解决。先设置 paginationDetailHAlign:"right",然后看到 pagination-detail 的 class为.pull-right.pagination-detail,设置它:.pull-right.pagination-detail { display:none;}就实现了隐藏具体分页条里的文字。...原创 2019-11-26 09:53:36 · 1621 阅读 · 0 评论 -
给 a 标签设置颜色
<a href="javascript: void( 0 )" style="color: red; font-size=16px">链接文字</a>href="javascript: void( 0 )" 可以使链接点击无效原创 2019-11-21 19:25:42 · 5764 阅读 · 0 评论 -
bootstrap table 复选框选中后,翻页不影响已选中的复选框
转载自: https://www.cnblogs.com/nmnm/p/8074044.html在项目中发现bootstrap table的复选框选中后,翻页操作会导致上一页的选中丢失,api 中的 bootstrapTable('getSelections'); 只能拿到当前页的复选框。解决方法:<script type="text/javascript"&g...原创 2019-11-20 11:18:24 · 589 阅读 · 0 评论 -
bootstrap table 获取分页的点击事件 的方法
$('#table1').on( 'page-change.bs.table', function ( e, number, size ) { alert('切换页事件 --- 当前页数:第' + number + "页,每页显示数量" + size + "条");} );参考:https://www.cnblogs.com/MirageFox/p/5993985.htm...原创 2019-11-19 20:13:10 · 3145 阅读 · 0 评论 -
使用 TagCanvas.js 生成的标签云,让它启动后就开始旋转;当鼠标停在标签上,就停止旋转的配置方法
在启动的配置参数里,增加一个参数 initial : [0.8, -0.2]。initial 用来设置开始就旋转的角度,[0.8, -0.2] 是垂直旋转和水平旋转的角度,范围是 [-1, 0],[1, 0],[0, 1],[0, -1]。$(document).ready(function() { if( ! $('#myCanvas').tagcanvas({ tex...原创 2019-11-18 09:32:17 · 1590 阅读 · 0 评论 -
jQuery 遍历 ul 的 li 获取对应的内容和下标
<div id="div1"> <ul> <li>1111111</li> <li>2222222</li> <li>3333333</li> <li>4444444</li> </ul>...原创 2019-11-13 19:36:04 · 2120 阅读 · 0 评论 -
js 实现拖拽、添加功能
上网搜到了一个例子,效果如图:代码:<!DOCTYPE html><html ><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="UTF-8"><title>js 实现 拖拽 添...原创 2019-11-13 17:53:24 · 1003 阅读 · 0 评论 -
bootstrap Modal 对话框 显示、隐藏触发事件
modal 对话框 显示的时候,触发的事件:$('#identifier').on('show.bs.modal', function () { // 执行一些动作...});modal 对话框 隐藏的时候,触发的事件:$('#identifier').on('hide.bs.modal', function () { // 执行一些动作...});原文...原创 2019-11-12 18:33:06 · 878 阅读 · 0 评论 -
bootstrap-fileinput 各个版本的下载地址
找了半天,找到了,bootstrap-fileinput 各个版本的下载地址:https://github.com/kartik-v/bootstrap-fileinput/releases原创 2019-11-06 16:02:15 · 3067 阅读 · 0 评论 -
div 总在上一个 div 的下方,并且内容居中
/* div 总在上一个 div 的下方,并且内容居中 */<div style="float: left; width: 100%; text-align: center; margin-top: 15px" >content</div>margin-top: 15px 是设置 div 的上外边距...原创 2019-11-05 10:15:49 · 436 阅读 · 0 评论 -
js 正则表达式校验特殊字符
js 正则表达式里 特殊字符 需要用 \ 转义,如 \@alert( /^[\-\_\.\,\/]*$/g.test( '-_,./' ) ); // 允许- _ , . / ' ,打印 truealert( /^[\-\_\.\,\/]*$/g.test( ';@' ) ); // 不允许 ; @ ,打印 false...原创 2019-11-04 09:55:49 · 3318 阅读 · 0 评论 -
js 实现 replaceAll
var str = " - abc def g - ";var findStr = " ";var replaceStr = "";str = str.replace(new RegExp( findStr, "gm" ), replaceStr ); // js 实现 replaceAll,将所有的 " " 替换为 ""alert(str); // 打印 -abcd...原创 2019-11-04 09:42:25 · 101 阅读 · 1 评论 -
让 bootstrap 模态框 居中显示
自己定义一个样式:/* 模态框居中显示 */.loadingModal { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}让模态框使用这个样式就行:<div class="modal fade" tabind...原创 2019-11-04 09:40:27 · 967 阅读 · 0 评论 -
使用 jquery 设置 div 的 class 样式 和 style 样式
$( "#div1" ).attr( "class", "divClass1"); // 设置 div1 的 class 属性为某样式$( "#div1" ).css( "background-color", "red"); // 用 css() 设置 div1 的 style 样式原创 2019-11-02 11:34:28 · 2422 阅读 · 0 评论 -
js 判断一个字符串是否是正整数
// js 判断一个字符串是否是正整数function isNormalInteger(str) { var n = Math.floor(Number(str)); return n !== Infinity && String(n) === str && n >= 0;}转自: https://www.cnblogs.com/joy...原创 2019-10-30 19:50:47 · 1482 阅读 · 0 评论 -
bootstrap table 初始化表格时,改变行的背景颜色
// 获得表格 var table = document.getElementById("orderTable"); for(var i = 1; i < table.rows.length; i++) { // 注意,var i = 1,是从 1 开始循环的 //if(table.rows[i...原创 2019-10-24 09:30:42 · 1380 阅读 · 0 评论 -
js 对象与字符串 相互转换
json字符串 转为 对象var str = '{"id":1,"name":"Russel Westbrook","age":28}';var strToObj = JSON.parse(str);对象 转为 json字符串var obj = { id: 1, name: 'Russel Westbrook', age: 28};var...原创 2019-10-17 09:45:56 · 170 阅读 · 0 评论 -
js - contains() 不是字符串对象的方法,在 js 中判断字符串是否包含另一个字符串,要用 indexOf()
今天发现,在 js 中判断字符串是否包含另一个字符串,使用 contains(),在 chrome 中报错。上网搜,发现 js contains() 不是字符串对象的方法,它仅用于判断 DOM 元素的包含关系,参数是 Element 类型。在 js 中判断一个字符串是否包含另一个字符串,要用 if( st1.indexOf( st2 ) != -1 ) {参考: https://...原创 2019-10-14 18:41:08 · 4198 阅读 · 0 评论 -
js 获取浏览器地址栏里的链接,并转化为字符串
js 获取浏览器地址栏里的链接,并转化为字符串:var url = window.location 这样写,获得的不是字符串!要用 var urlStr = window.location.href或者用 var urlStr = window.location.toString() 这两种方法获得浏览器地址栏链接对应的字符串...原创 2019-10-12 11:01:20 · 822 阅读 · 0 评论 -
js - Unrecognized token 'xxxx': was expecting ('true', 'false' or 'null')
js 提交 jquery ajax 请求,报错 Unrecognized token 'xxxx': was expecting ('true', 'false' or 'null') 。用 http client 就能请求通过。网上搜这个报错,说是发送的 json object 不符合 json 规范,后台无法解析。参考 http://blog.csdn.net/javaee_sun...原创 2017-03-04 19:07:30 · 16308 阅读 · 0 评论 -
js 将时间戳格式化为 yyyy-MM-dd HH:mm:ss 格式的字符串
// js 格式化时间戳,显示格式 yyyy-MM-dd HH:mm:ss 。输入的 timestamp 例如 1510452672000function formatTimestamp( timestamp ) { var dateObj = new Date( timestamp ); var year = dateObj.getYear() + 1900;原创 2017-03-13 11:21:00 · 2220 阅读 · 0 评论 -
js 往控件里拖拽内容时,控件自动清空之前的内容
js 往控件里拖拽内容时,控件自动清空里面的内容用 ondragenter 这个属性。试试下面控件的拖拽效果原创 2017-06-23 17:26:58 · 318 阅读 · 0 评论 -
js 获取对象属性的数量。js 遍历对象的属性
function jsonTest(){ var param = {}; param[ "intro1" ] = "aa"; param[ "path1" ] = "line"; param[ "intro2" ] = "xt"; param[ "path2" ] = "path"; // 获取对象中属性的数量 va原创 2017-06-26 08:41:19 · 1725 阅读 · 0 评论 -
js 把一个数组分割成 n 个一组
var dataArr = ['a','b','c','d','e','f','g'];var colomns = n;var result = [];// js 把一个数组分割成 n 个一组for( var i = 0, len = dataArr.length; i result.push( dataArr.slice( i, i + colomns ) ); alert( resu原创 2017-06-26 11:59:37 · 6230 阅读 · 0 评论