![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
java web
web-html,css,js,jquery
b_just
这个作者很懒,什么都没留下…
展开
-
layui表格单元格中插入下拉框
这个实现采用了layui 社区一位大神的代码,在此感谢大神的分享,我自己做个记录,也给使用layui 的小伙伴们做一个分享。思路是这样的可以使用自定义模板返回select节点然后在done回调中form.render(‘select’);然后还有一个需要注意的是默认td 超出是不显示的,所以你会发现form渲染之后select出来了,但是点击下拉的菜单会看不到,需要处理一下。代码也贴出来<!DOCTYPE html><html><head>转载 2021-02-04 16:41:55 · 5726 阅读 · 3 评论 -
js获取url中的参数(解决中文乱码问题)
function getQueryStringChinese(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return decodeURI(r[2]); ret.转载 2020-09-17 17:35:45 · 968 阅读 · 2 评论 -
css3动态计算元素的高度及宽度
css3动态计算元素的高度及宽度1、px 像素,我们在网页布局中一般都是用px。2、百分比 百分比一般宽泛的讲是相对于父元素,自适应网页布局越来越多,百分比也经常用到了3、Viewport 当已知一个div的高度时,它的同胞div高度是根据窗口高度减去已知div高度而得到,此时就需要calc函数 viewport:可视窗口,也就是浏览器。 vw V...转载 2020-04-08 15:01:36 · 925 阅读 · 0 评论 -
Javascript点击其他任意地方隐藏关闭DIV实例
代码如下,实现了点击input显示一个div层,当点击除input和div以外的地方的时候,隐藏div的功能。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 2...转载 2020-03-24 18:50:08 · 1182 阅读 · 0 评论 -
JavaScript 获取鼠标点击位置坐标
JavaScript 获取鼠标点击位置坐标在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果,这篇文章就上鼠标点击位置坐标获取做一些简单的总结,没特殊声明代码在IE8,FireFox,Chrome下进行测试兼容鼠标点击位置坐标相对于屏幕如果是涉及到鼠标点击确定位置相对比较简单,获取到鼠...转载 2020-03-24 18:49:12 · 645 阅读 · 0 评论 -
JS拖拽div(移动)
//获取元素var dv = document.getElementById('dv');var x = 0;var y = 0;var l = 0;var t = 0;var isDown = false;//鼠标按下事件dv.onmousedown = function(e) { //获取x坐标和y坐标 x = e.clientX; y = e.clie...转载 2020-01-14 10:16:25 · 238 阅读 · 0 评论 -
window.name实现跨域
在http://www.cnblogs.com/zhuzhenwei918/p/6759459.html 这篇文章中,我提到了几种跨域的方式,这里主要讲解使用window.name实现跨域。 跨域就是说必须同协议、域名、端口号,我们才能获取其内容,对其进行访问。 window.name这个属性不是一个简单的全局属性 --- 只要在一个window下,无论url怎么变化,只要...转载 2019-12-18 14:53:05 · 455 阅读 · 0 评论 -
iframe中涉及父子页面跨域问题
什么是跨域?跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器施加的安全限制。所谓同源是指相同的域名、协议和端口,只要其中一项不同就为跨域。举几个例子:http://a.123.com/index.html和http://a.123.com/index.js非跨域,它们有相同的域名,协议和端口。 http://a.123.com/index.html和ht...转载 2019-12-18 10:53:31 · 856 阅读 · 0 评论 -
layer弹出层父子页面事件相互调用方法
// 父页面? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ...转载 2019-11-29 19:03:13 · 2265 阅读 · 0 评论 -
JQuery跳出each循环的方法(包含数组遍历)
0. 前言也许我们通过 jquery 的循环方法进行数组遍历,但是当不符合条件时,怎么跳出当前循环?(即用each方法内,当不满足条件时想break跳出循环体,想continue继续执行下一个循环遍历),我们经常会习惯JS中的break何continue,但是使用之后没有效果,因为在JQuery中没有这两条命令,非其关键字。1. JQuery each循环,要实现break和continu...转载 2019-11-27 14:03:40 · 303 阅读 · 0 评论 -
html获得url的get参数
jquery获得url的get参数只是用了第一种方法,简单好用直接传入想要获取的参数名,即可返回参数值functionGetQueryString(name){varreg =newRegExp("(^|&)"+ name +"=([^&]*)(&|$)");varr = window.location.search.sub...转载 2019-11-22 17:11:09 · 4362 阅读 · 0 评论 -
解决子级用css float浮动 而父级div没高度不能自适应高度
解决子级对象使用css float浮动 而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法。最外层的父级DIV不能自适应高度-不能随对象撑开没有高度当在对象内的盒子使用了float后,导致对象本身不能被撑开自适应高度,这个是由于浮动产生原因。如何解决父div对象自适应高度,方法有三种,接下来DIVCSS5逐一介绍。1、首先我们先看HTML源代码:...转载 2019-11-22 14:34:37 · 139 阅读 · 0 评论 -
CSS3自定义滚动条样式
自定义滚动条实现此部分针对webkit内核的浏览器,使用伪类来改变滚动条的默认样式,详情如下:滚动条组成部分1. ::-webkit-scrollbar 滚动条整体部分2. ::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或向左向右移动)3. ::-webkit-scrollbar-track 滚动条的轨道(里面装有Thumb)4. ...转载 2019-11-22 09:04:25 · 92 阅读 · 0 评论 -
浏览器显示本地照片 image
浏览器显示本地照片 image<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><scrip...转载 2019-11-15 14:22:14 · 1016 阅读 · 0 评论 -
JS字符串转换为JSON的四种方法笔记
1、jQuery插件支持的转换方式:示例:$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象2、浏览器支持的转换方式(Firefox,chrome,opera,safari,ie)等浏览器:示例:JSON.parse(jsonstr); //可以将json字...转载 2019-11-12 09:26:59 · 397 阅读 · 0 评论