javaScript
嫌疑-人
只有面对喜欢的东西,才配得上说是坚持。
展开
-
通用树形控件——zTree
http://www.jq22.com/yanshi941原创 2020-04-26 10:36:42 · 390 阅读 · 0 评论 -
js-typeof封装工具类
在JavaScript中,判断类型也是常用的一种方法,但是它自带的判断类型的方法不是很完美,只能判断以下基本类型,不能判断引用类型和封装类型: number , string ,boolean , object( 数组和null) ,function ,undefined下面封装一个判断类型的方法可以判断任何类型:<script type="text/javascript"...原创 2018-08-16 10:18:46 · 324 阅读 · 0 评论 -
js-封装insertAfter
有很多方法 进行insertAfter()方法的封装,我也想到一种方法,用着很简单,但不知道有没有什么弊端,还望指正:1Element.prototype.insertAfter=function (targetElement,referElement){ return this.insertBefore(referElement,targetElement);...原创 2018-08-19 11:37:35 · 423 阅读 · 1 评论 -
JavaScript异步加载的两种方法
//javaScript 解决兼容性问题的异步加载//第一种方法,不是最好的方法 function loadScript(){ var script = document.createElement('script'); script.type = "text/javaScript"; if(script.readyState){//IE...原创 2018-08-27 14:38:58 · 478 阅读 · 0 评论 -
js小功能-滑块移动 和 俄罗斯方块式 键盘操作移动
滑块移动<script type="text/javascript"> var div = document.createElement('div'); document.body.appendChild(div); div.style.width = "50px"; div.style.height = "50px"; div.sty...原创 2018-08-17 18:52:35 · 624 阅读 · 0 评论 -
js-循环里面的时事件绑定(闭包)
如下函数,想要打印出每个i的序号:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body&原创 2018-08-24 10:09:21 · 377 阅读 · 0 评论 -
js-事件委托
事件对象在事件函数中传入一个参数,系统会将信息传入到该事件对象中. function(e)var event = e || window.event;//e 不兼容IE//window.event 兼容IE事件源对象能绕过事件冒泡直接找到事件源: - event.target 火狐 - event.srcElement IE - Chrome 二者都有...原创 2018-08-24 15:59:06 · 177 阅读 · 0 评论 -
javascript计算两个时间差,面试题
文章参考:https://blog.csdn.net/bodilove/article/details/52105782<script type="text/javascript">/* * 获得时间差,时间格式为 年-月-日 小时:分钟:秒 或者 年/月/日 小时:分钟:秒 * 其中,年月日为全格式,例如 : 2010-10-12 01:00:00 * 返回精度为:秒,分,...原创 2018-09-18 11:20:57 · 181 阅读 · 0 评论 -
js 将字符串中指定字符全局替换
转载:https://blog.csdn.net/zhouxukun123/article/details/80413906JavaScript 中的 replace() 方法用于将字符串或其中的子字符串替换为指定字符,或替换一个与正则表达式匹配的子串。该方法不会改变原始字符串。语法 stringObject.replace(regexp/substr, replaceme...转载 2018-09-18 11:53:52 · 4861 阅读 · 0 评论 -
js笔试题—在数组找到和为一个数的两个数,每个数只能用一次
<script type="text/javascript"> function sum(arr,num){ arr = unique(arr); var rel = []; arr.sort(); var low = 0,heigh = arr.length - 1; while(low <= heigh){ for (var i = ...原创 2018-09-18 16:04:14 · 711 阅读 · 0 评论 -
js笔试-取两个数组 不相同的值
<script type="text/javascript"> function test(arr1,arr2){ var temp = arr1.concat(arr2); var rel = {}; var end = []; for(var i = 0;i < temp.length; i ++){ temp[i] in rel ? re...原创 2018-09-18 16:19:15 · 2048 阅读 · 0 评论 -
JS中的块级作用域,var、let、const三者的区别
首先,ECMAScript和JavaScript关系: ECMAScript是一个国际通过的标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为:ECMAScript是JavaScript的语言规范,JavaScript是ECMAS...转载 2018-09-25 15:13:19 · 830 阅读 · 0 评论 -
重绘(redraw或repaint),重排(reflow)
转载:https://www.cnblogs.com/cencenyue/p/7646718.html 重绘(redraw或repaint),重排(reflow) 浏览器运行机制图:浏览器的运行机制:layout:布局;1、构建DOM树(parse):渲染引擎解析HTML文档,首先将标签转换成DOM树中的DOM node(包括js生成的标签)生成内容树(Content Tr...转载 2018-09-25 22:36:29 · 254 阅读 · 0 评论 -
js-随机显示颜色
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:原创 2018-08-18 11:58:30 · 388 阅读 · 0 评论 -
js小功能-涂色板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:原创 2018-08-18 10:08:40 · 834 阅读 · 0 评论 -
初识JS 2
学的JavaScript内容在进一步加深。1.函数传参,在一定程度上可以简化代码量。<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title&a原创 2018-06-22 20:12:33 · 130 阅读 · 0 评论 -
JS小功能—实现全选,反选,和不选
技术点:通过document.getElementsByTagName(‘标签’);来获取多个选择元素,将会导致获取到其他无关的元素,如以下代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"...原创 2018-06-22 20:38:42 · 919 阅读 · 0 评论 -
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>&原创 2018-06-22 21:58:49 · 570 阅读 · 0 评论 -
JavaScript--数组的常用方法
js数组中的应用:<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>数组</title>&原创 2018-06-30 11:01:17 · 134 阅读 · 0 评论 -
JS—应用中的一些小问题
1.类型转换parseInt :将字符串转换为整数,只能转换成整数; parse Float :可以将字符串转换为小数; 应用:<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=ut...原创 2018-06-26 09:51:36 · 166 阅读 · 0 评论 -
js小功能--定时器&时钟的实现
定时器的实现setInterval(function,time) //开启定时器,执行多次setimeout(function,time) //开启定时器,只执行一次clearInterval(timer) //关闭setInterval 定时器具体实现代码如下:&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;he...原创 2018-06-30 16:03:45 · 2580 阅读 · 0 评论 -
js小功能---延迟提示框
效果如下: 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>延迟提示框</title>原创 2018-07-02 21:16:21 · 568 阅读 · 0 评论 -
Json和数组的简单对比
首先,声明一个小知识点,在JavaScript中,Boolean判断为假的情况有以下3种: 1.0 2.空字符串 3.空对象数组和Json 的对比<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; ch...原创 2018-06-27 17:33:16 · 695 阅读 · 0 评论 -
arguments的应用
arguments 是一个函数的参数数组 应用1:<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Json</t原创 2018-06-27 21:12:49 · 184 阅读 · 0 评论 -
获取非行间样式-各个浏览器兼容性问题
在前面的文章中有利用,style 可以获取行间样式和设置行间样式:<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档原创 2018-06-27 22:03:19 · 1057 阅读 · 0 评论 -
js-关于this的小测试
一个面试题分析:<script type="text/javascript"> //运行test() 和new test()的结果 var a = 5; function test(){ a = 0; alert(a); alert(this.a); var a; alert...原创 2018-08-15 10:01:42 · 179 阅读 · 0 评论 -
js-深克隆,浅克隆
1深克隆<script type="text/javascript"> var obj={ name:"abc", age:123, card:[' visa','master'], wife:{ name:"bcd", son:{ ...原创 2018-08-15 14:49:44 · 702 阅读 · 0 评论 -
初识JS
从今天开始恶补js.js-鼠标弹出框 主要功能: 实现当鼠标移到一个控件上(多选框)时,显示提示内容,移出时显示的内容消失。 代码:<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; chars...原创 2018-06-20 23:26:13 · 136 阅读 · 0 评论