多行文本溢出省略号击展开收缩 <div id="goodIntroduction"> 在漫无边际的海水上漂流，偶尔抬头能看见熟悉的日月星辰。因为我不知道下辈子是否还能遇见你,所以我今生才会那么努力把最好的给你。 陪伴，是最长情的告白；而声音，是最温柔的陪伴!</div>var str = $("#goodIntroduction").text();var tempt = str;...
vue动态添加、删除子组件 实现的功能：1、父组件中点击“新增按钮”，新增一个子组件2、在子组件中点击“删除按钮”，删除对应的子组件源码：父组件 Parent.vue 源码<template> <div> <button @click="add">添加</button> <children v-for="(item,i...
原生js快速排序 <script> function quickSort(arr) { var left = [], right = []; if (arr.length < 1) { return arr; } var index = Math.floor(arr.length / 2); var point = arr.splice(index, 1); ...
原生js综合表单验证 要求： 1、使用失去焦点事件完成表单验证 每一项验证失去焦点时都可以即时验证 2、姓名： 单词字符组成 6--10为 ，不能用数字开头 年龄： 只能由数字组成 年龄不能为负数 密码：6--18位字符组成 有密码强弱验证 3、确认密码和密码相同 4、手机号： 15 13 18 开头 5、qq ： 5--12...
js--文本查找替换 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box { width: 400px; height: 400px; border...
js完美拖拽效果 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; } #box{ height: 100px; width: 10...
js--事件委托(为新添加的LI添加高亮效果) <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <button id="btn">添加</button> ...
js-选项卡 *{margin: 0; padding: 0; font-family: "微软雅黑";font-size: 14px;} #container{ width: 398px; margin: 100px auto;} #container a{ display:block ; width: 98px; height: 42px; ...
js动态创建表格 var tab = document.createElement("table"); tab.border = "1px"; document.body.appendChild(tab); for(var i =0;i<3;i++){ var tr = document.createElement("tr"); for(var j=0;j<3;j++){ v...
js各种兼容性问题 //获取非行间样式-兼容 function getStyle(obj, attr) { //获取非行间样式，obj是对象，attr是值 //该条件含义为,判断该浏览器是否拥有该函数 if (obj.currentStyle) { //针对ie获取非行间样式 return obj.currentStyle[attr]; } else { ret...
js--匀速透明运动 *{ margin: 0;}#box{ height: 100px;width: 100px;background: red; position: absolute; top: 200px; left: 200px; opacity: 0.3;}<div id="box" onmouseover="boxmove(1)" onmouseout="boxmove(0)"> &l...
js运动--缓冲运动 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #box{ height: 100px; width: 100px; background: red; po...
js运动-反弹运动 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #box{ height: 50px; width: 50px; background: pink; bor...
js封装自己的时间格式 function dateToString(d){ var week = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"] var _y = d.getFullYear(); var _m = toTwo(d.getMonth()); var _d = toTwo(d.getDate()); var _w = d.getDay();...
js--输入一个日期，判断是那一年的第几天？ <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" id="a"/>年 <input type="text"...
js求阶乘 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" id="txt" /> <input type="but...
js--斐波那契额数列(递归) <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>不死神兔</title> </head> <body> <input type="text" id="txt" /> <...
js编写函数，输入n，n为偶数时调用函数求1/2+1/4+。。。1/n n为奇数时调用函数求1/1+1/3+。。。1/n <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" id="txt" /> <input type="but...
js九九乘法表 for(var a = 1;a<=9;a++){ for(var b=1;b<=a;b++){ document.write(a+"*"+b+"="+(a*b)+" "+" "+" ") } document.write("</br>") }
求100-999之间的水仙花数 var a,b,c; for(var i=100; i<999; i++){ a = parseInt(i/100); b = parseInt(i%100/10); c = parseInt(i%10); if(a*a*a + b*b*b + c*c*c == i){ console.log(i); } }
关注
