zfxcms ^回到顶部

您的当前位置:首页 > WEB > 前端特效

前端特效 更多实例
  • 2024-04-13JS慎用 for (var index in items)

    JavaScript 循环数组的项,我们一般人用 for (var i = 0; i < items.length; i++),也有人用 for (var index in items)。我们要慎用 for (var index in items),为什么呢?如果我们对array进行扩展了,如增加了几个方法,比如删除方法或者copy方法,Array.prototype.copy =funct...【查看详情】

  • 2023-02-24JSjs 修改了input框 如何监听

    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script><button id='aaa'>修改</button><input type="text" id="a" /><scrip...【查看详情】

  • 2022-11-13JS随机色背景色

    var colour = ["rgb(142, 68, 173)","rgb(243, 156, 18)","rgb(211, 84, 0)","rgb(0, 106, 63)","rgb(41, 128, 185)","rgb(192, 57, 43)","rgb(1...【查看详情】

  • 2022-10-28JSjs 如何执行完一个异步的任务,在去执行另一个

    js 如何执行完一个异步的任务,在去执行另一个/*window.addEventListener('tdOAFileUpLoad', function(){ return true; }, false);*/.window.dispatchEvent(new Event('tdOAFileUpLoad'));而new Promise(resolve ...【查看详情】

  • 2022-10-28JSwebupload 使用

    <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport&quo...【查看详情】

  • 2022-10-28JSWebUploader 上传文件的两种方式(手动上传,自动上传)

    1 手动上传上传文件分为两步,第一步选择文件,第二步上传文件。HTML代码:<input type='button' id='selectFile' value='选择文件'><div id='fileDiv'></div><input type='button' id=...【查看详情】

  • 2022-10-26JStextarea高度随着内容增加而增加

    <textarea autoHeight="true">asd</textarea><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script><script>$(function(){ $.f...【查看详情】

  • 2022-10-23CSScss覆盖清空之前的样式

    首先说覆盖,只要你的层级比上着高,就可以直接覆盖,具体可以查看css权重也可以使用!import;进行强制覆盖如果之前的样式需要去掉怎么办呢? 可以使用auto,这个属性支持所有样式,比如她之前是top:20px,你想增加 bottom:20px,并想去掉她的样式,可以这个样子写:top:auto...【查看详情】

  • 2022-10-10HTML毛玻璃弹窗效果

    <!DOCTYPEhtml><html><head><metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0"><metacha...【查看详情】

  • 2022-09-30JS获取已xxx开始的元素或xxx结尾的元素

    /** * 获取...标签的id/name以...开头的集合 * @param tag html标签 * @param prefix 前缀 * @param attr id/name * @returns {jQuery|HTMLElement} */ function getStartLabelArr(tag, prefix, attr) { if (attr ==...【查看详情】

  • 2022-09-20JSiframe个object获取对象

    iframe个object标签在用jq 获取时,需要加上.get(0)如$('#ss').get(0)或者用documentt.getElementById()直接获取普通的dom转obj,则需要直接加上var obj = $(dom) 即可...【查看详情】

  • 2022-09-19JSjq 监听checkbox

    <!DOCTYPE html><html><head><script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script><script>$(document).ready(...【查看详情】

  • 2022-09-07WEB框架readonly和disabled区别

    (1) 表面上可看到的区别就是当这两个词都设置为true时,都为禁用状态,当鼠标移上时使用disable的相关控件时鼠标出现禁用样式,并且不可做任何操作,而Readonly还可以获取文本框里的焦点。(2) Disable比readonly的使用范围比广,适用文本框、文本域、下拉框、button按钮、单选框…….而readonly只适用于input(text、passwork、textarea)。(...【查看详情】

  • 2022-07-25JSjs 获取字符串的后缀

    var fileName = "http://www.111cn.net/sys/nginx/62888.htm";方法1var fileExtension = fileName.substring(fileName.lastIndexOf('.') + 1);或者var strtype=strFileName.substring(strFileName.len...【查看详情】

  • 2022-07-17JSjs 替换字符串

    说明字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串,然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。否则,它只替换第一个匹配子串。replacement 可以是字符串,也可以是函数。如果它是字符...【查看详情】

  • 2022-07-07JSueditor 取消 过滤 html css js 等

    1.ueditor.config.js2.在ueditor.all.js文件内搜索allowDivTransToP 将true设置为false(禁止将div 转为 p)me.setOpt({'allowDivTransToP':false,'disabledTableInTable':true});...【查看详情】

  • 2022-06-30JSjs 查找字符串位置

    在开发中经常需要检索字符串、查找特定字符串。用户可以选用下面的方法执行对应的操作,说明如表所示。String 类型的查找字符串方法字符串方法说明charAt()返回字符串中的第n个字符charCodeAt()返回字符串中的第n个字符的代码indexOf()检索字符串lastIndexOf()从后向前检索一个字符串match()找到一个或多个正则表达式的匹配search()检索与正则表达式相匹配的子...【查看详情】

  • 2022-06-11HTML判断ie浏览器,加载js

    <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endif]--><!--[if lt IE 6]> IE6以及IE6以下版本可识别 &l...【查看详情】

  • 2022-06-09JSjs正则表达式 匹配两个特定字符间的内容示例

    js正则表达式 匹配两个特定字符间的内容示例1、js截取两个字符串之间的内容var str = "aaabbbcccdddeeefff";str = str.match(/aaa(S*)fff/)[1];alert(str);//结果bbbcccdddeee2、js截取某个字符串前面的内容:var str = "aaabbbcccdddeeefff";tr ...【查看详情】

  • 2022-06-02WEB框架radio和checkbox的赋值和重置问题

    radio和checkbox的赋值和重置问题【查看详情】

  • 2022-04-21JSjQuery使用自定义属性查找元素

    <div myattr="test">不重要的文本</div>使用$(“div[myattr=‘test’]”)进行选择实际情况中使用<div id="selectRadio"><span class="single-box" data-value="0">文字1<...【查看详情】

  • 2022-04-07JSjs 区域打印

    <body> <input type="button" value="打印此页面" onclick="printpage()" /> <input type="button" value="打印此页面2" onclick="printpage2()"...【查看详情】

  • 2022-04-01JSjq 去除obj或数组中的空值

    1、jQuery代码示例如下//定义一个带有空值的数组var userIdArr= ["1", "2", "5", "8", " ","12"];//去掉数组中的空值var userIds = this.userIdArr.filter(s => $.trim(s).len...【查看详情】

  • 2022-03-23JSwindow.opener和window.open

    opener,可修改原父级窗口【查看详情】

  • 2022-01-29WEB框架angular6项目打包本地访问路由策略

    angular6项目在本地访问正常,部署上去也可以访问,但刷新页面会404解决办法;使用HashLocationStrategy 路由策略//app.module.tsimport { HashLocationStrategy, LocationStrategy } from '@angular/common';@NgModule({providers: [{ provide: L...【查看详情】

  • 2022-01-06JS兼容ie下,函数不能付默认值的问题

    function func(string1,url,flag,icon){ if(!arguments[2]) flag = "123"; if(!arguments[3]) icon = "456";}...【查看详情】

  • 2021-11-03WEB框架sorttable的使用二-参数详解

    参数group:string or objectstring:命名,个人建议用元素id就行,用处是为了设置可以拖放容器时使用,在array中的put的设置中再做介绍;object:{name,pull,put}name:同string的方法,pull:pull用来定义从这个列表容器移动出去的设置,true/false/'clone'/functiontrue:列表容器内的列表单元可...【查看详情】

  • 2021-11-03WEB框架sorttable的使用

    varsortable=newSortable(el,{group:"name",//or{name:"...",pull:[true,false,'clone',array],put:[true,false,array]}sort:true,//boolean定义是否列表单元是否可以在列表容器内进行拖拽排序delay:0,//number定...【查看详情】

  • 2021-10-21layui点击行选中复选框和单选框

    话不多说上代码:选中复选框$(document).on("click", ".layui-table-body table.layui-table tbody tr", function () { var index = $(this).attr('data-index'); var tableBox = $(this).parents(...【查看详情】

  • 2021-10-15JSjs字符串和数组互相转换

    1、字符串转换为数组varstring ='123,456,789';varstringResult = string.split(',');console.log(stringResult)//输出["123", "456", "789"]varstring2 ='abcdef'varst...【查看详情】

  • 2021-07-28layui的表单一行多个写法

    1.直接写<div class="layui-form-item"> <label class="layui-form-label tdoa-required">标题</label> <div class="layui-inline"> <input type="c...【查看详情】

  • 2021-06-09JSGridster.js教程

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title> New Document </title><me...【查看详情】

  • 2021-06-09JSjs两个id相同的数组怎么合并

    var arr2 = [{ id: 1, name: '小明' }, { id: 2, name: '卢本伟' }, { id: 3, name: 'PDD' }, { id: 4, name: '大司马' }]var arr1 = [{ id: 1, car: '奔驰' }, { id: 2, car: '宝...【查看详情】

  • 2021-06-03CSScss选择器

    选择器例子例子描述.class.intro选择 class="intro" 的所有元素。.class1.class2.name1.name2选择 class 属性中同时有 name1 和 name2 的所有元素。.class1.class2.name1 .name2选择作为类名 name1 元素后代的所有类名 name2 元素。#id#firstname选择 id="...【查看详情】

  • 2021-06-01layui解决table嵌入表单时不能展开的问题

    加入以下样式可以解决table嵌入表单时不能展开的问题.layui-table-cell, .layui-table-tool-panel li{overflow:visible !important; }...【查看详情】

  • 2021-05-24layui的复选框和单选框清空

    // 清除radio选中 $('input[name=ymd]').prop('checked', false); form.render('radio');// 清除checkbox选中 $('input[name=ymd]').prop('checked', false); form.render('che...【查看详情】

  • 2021-05-20layui父传子和子传父

    这是父类layer.open({ type: 2, area: ['1100px', '550px'], //宽高 move : false, id : 'Detail',//设定一个id,防止重复弹出 ...【查看详情】

  • 2021-05-19JSJS判断一个字符串是否在数组中

    方法1:arr.indexOf(某元素):未找到则返回 -1。var number= ["A", "B", "AB", "ABC"];var a = number.indexOf("AB")if(a > -1){console.log("表示数组中含有此字符串")}else...【查看详情】

  • 2021-05-19表单的验证,当验证制定为 lay-verify 时 但不为必填项 提交表单时一样提示 如何添加

    有些是非必填项,但是如果用户填了值,需要校验规则 能做到如果是非必填,并且用户没填,就跳过校验吗? 只有用户填了值,才去校验,这样才符合使用习惯 否则只能自己写校验规则了 例如我的邮箱,手机号,身份证号都是非必填的【查看详情】

  • 2021-05-17JSjs判断字符串在不在l另一个字符串里

    String对象的方法方法一: indexOf() (推荐)var str = "123"console.log(str.indexOf("2") != -1); // trueindexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1。方法二:match()var str = "12...【查看详情】

  • 2021-05-17JSjquery中字符串转json与json转字符串方法

    jquery中字符串转json与json转字符串方法1. JSON.stringify(jsonobj):可以将json对象转换成json字符串2.jQuery.parseJSON(jsonString) 将格式完好的json字符串转为与之对应的json对象...【查看详情】

  • 2021-04-06JSjQ的事件和DOM操作

    jQ对于事件进行了大量的封装,click()$().click(function(){});jQ对于DOM操作获取某些节点:document.getElementById(); -> $(选择器)添加内容:xxx.innerHTML = xxx; -> $().html();1. 掌握常用的事件进行网页特效设计jQ中的事件分类:基础事件鼠标事件键盘事件window事件表单事件复合事件鼠...【查看详情】

  • 2021-02-28JSjson_to_excel方法

    话不多说【查看详情】

  • 2020-12-28 layui常见错误:Table modules: Did not match to field

    报错layui.js:2 Layui hint: Table modules: Did not match to field两个可能的问题:第一: table.render 时,某个列中填写了一个字段名,在返回的数据中没有匹配到。第二:在使用initSort时,字段名不匹配。...【查看详情】

  • 2020-12-22JSjs动态创建变量

    <script>/*** 声明一个函数* @explain 传参个数不确定*/function test() { for (var i = 0; i < arguments.length; i++) { //var param = arguments[i]; eval("var param" + (i + 1).toString() + &quo...【查看详情】

  • 2020-12-17JSjs的定时器和延迟执行开启和关闭

    先来了解 setInterval :1,HTML DOM setInterval() 方法定义和用法setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。语法se...【查看详情】

  • 2020-12-08JSjs字符串截取函数slice()、substring()、substr()

    js中字符截取函数有常用的三个slice()、substring()、substr()了,下面我来给大家介绍slice()、substring()、substr()函数在字符截取时的一些用法与区别吧。取字符串的三个函数:slice(start,[end]),substring(start,[end])和substr(start,[length])相关属性:slice()第一个参数代表开始位置,第二...【查看详情】

  • 2020-11-27JSjs的dom操作

    Dom是Document Object Model的缩写,意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口,使用该接口可以轻松访问页面中所有的标准组件。DOM操作可以分为三个方面即DOM Core(核心)、HTM-DOM和CSS-DOM。  每一个网页都可以用DOM表示出来,每个DOM都可以看作是一棵DOM树。下面的html页面结构可以构建出一棵DOM树,代码:  构建出的DOM树如...【查看详情】

  • 2020-11-23JS前端js时间和时间戳转换

    //调用 date1-date2 计算两个时间差var mytime = dateDiff('2011-12-29 10:20:56', '2011-12-30 14:13:25');console.log(mytime)//1天3小时52分钟29秒//格式化秒数为时分秒var seconds = formatSeconds('182');conso...【查看详情】

  • 2020-10-28JSjs加密算法

    话不多说,直接上代码【查看详情】

  • 2020-10-21JS飘窗效果

    飘窗效果【查看详情】

  • 2020-08-26JSes6语法,if,for

    1.es6基本语法 变量的声明 let(限制作用域 代码块{}) const(常量 只读不可更改)const PI=3.14156 console.log(PI); PI=3.14 console.log(PI); let a=1; { let a=2; console.log(a); } var a=[]; for(var i=0;i<10;i++){ a[i]=function(){...【查看详情】

  • 2020-08-20JSjs动态修改div高度

    <!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&quo...【查看详情】

  • 2020-07-21JSjquery如何获取第一个或最后一个子元素?

    jquery如何获取第一个或最后一个子元素?jquery如何获取第一个或最后一个子元素?通过children方法,children("input:first-child")$(this).children("input:first-child").val();$(this).children("input:last-child").val...【查看详情】