![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 68
lily2016n
人是铁,范是钢~ 一天不装憋的慌
展开
-
script语言共用头部尾部
*制作一个共用头部文件head.js和一个共用底部文件foot.js。如主页文件是index.htm,调用头部和底部文件的方法是:在主页文件代码的开始位置和结束位置分别增加下面的代码:调用共同的网页头部或者网页底部,减少了每个页面都要编写头部或底部的复杂程度,而且方便修改,只要修改一个头部或者底部文件,所有页面的头部或者底部都随之改变,增加了工作效率。 **head.js文件——根据上面的head原创 2016-11-28 15:08:40 · 454 阅读 · 0 评论 -
append与 appendTo的区别
1、append(content|fn) 向每个匹配的元素内部追加内容。 这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。 比如<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>原创 2017-11-02 16:42:21 · 2026 阅读 · 0 评论 -
js作用域的常见错误
对于很多初学者来说,有一些常见的错误,比如:for(var i = 0; i < 3; i++){ var result = []; result.push(i);}console.log(result);//有的初学者以为这里会打印 [0,1,2],实际上会打印[2],因为result是在for里面被定义的, 每次循环都被重新初始化如果我们使用letfor(var i = 0;原创 2017-11-03 17:31:27 · 302 阅读 · 0 评论 -
reload() 方法用于重新加载当前文档详解
window.location.reload()是重新加载当前需要的所有内容,也就包括页面和后台的代码,此过程中实际上是从后台重新进行操作;说明 如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变,reload() 会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。这与用户单击浏览原创 2018-01-03 15:05:56 · 3388 阅读 · 0 评论 -
javascript页面刷新的几种方法
转自 https://www.cnblogs.com/cfinder010/p/3852360.html javascript refresh page 几种页面刷新的方法window.location.reload(),window.history.go(0)和document.execCommand(”Refresh”),这三个方法是最快速的。其他的都有明显的浏览器滚动条的出现。 Javas转载 2018-01-03 15:27:30 · 6997 阅读 · 0 评论 -
js获取验证码倒计时60s(超简单)
html lang="en">head> meta charset="UTF-8"> title>测试jquey的ajax方法title> style> *{ padding:0; margin:0; } button{width: 20%;line-height: 50px;原创 2018-01-04 11:23:33 · 8111 阅读 · 1 评论 -
jq禁掉或移除点击事件的方法总结
今天由于遇到了这种情况:验证手机验证码的重新发送需要在60s后才可以点击触发请求,所以在这之前需要禁用它的点击,故特意总结了下 1、css方法.disabled { pointer-events: none; }2、jq方法①preventDefault() 方法阻止元素发生默认的行为(例如,下面方法将防止a链接打开 URL)$("a").click(function(event){ even原创 2017-09-04 15:31:41 · 8300 阅读 · 0 评论 -
js高级程序设计(第三版)总结--函数的详解及return的用法
今天通过看书又重温了下函数,感觉讲的特别详细,特此记录下来供大家分享 函数对任何语言来说都是一个核心的概念。通过函数可以封装任意多条语句,而且可以在任何地方、任何时候调用执行。ECMAScript 中的函数使用 function 关键字来声明,后跟一组参数以及函数体。 函数的基本语法如下所示:function functionName(arg0, arg1,...,argN) {原创 2018-01-05 15:09:38 · 518 阅读 · 0 评论 -
js高级程序设计(第三版)--元操作符递增和递减操作符(前置型和后置型)详解
1. 递增和递减操作符 递增和递减操作符直接借鉴自 C,而且各有两个版本:前置型和后置型。 ①顾名思义,前置型应该位于要操作的变量之前,而后置型则应该位于要操作的变量之后。因此,在使用前置递增操作符给一个数值加 1 时,要把两个加号(++)放在这个数值变量前面,如下所示:var age = 29;++age;在这个例子中,前置递增操作符把 age 的值变成了 30(为 29 加上原创 2018-01-04 14:52:10 · 411 阅读 · 0 评论 -
js高级程序设计(第三版)总结--函数的参数的传递
ECMAScript 中所有函数的参数都是按值传递的。也就是说,把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。基本类型值的传递如同基本类型变量的复制一样,而引用类型值的传递,则如同引用类型变量的复制一样。 有不少开发人员在这一点上可能会感到困惑,因为访问变量有按值和按引用两种方式,而参数只能按值传递。在向参数传递基本类型的值时,被传递的值会被复制给一个局部变量(原创 2018-01-08 16:08:02 · 208 阅读 · 0 评论 -
函数的参数(形参实参)及返回值
函数的参数有形参和实参: 形参就是函数声明时需要接受的参数,可以理解成暂时的占位符,并无实际意义。 实参就是调用函数时传递进函数的具体的实际数据,也就是给占替代位符的的值。函数体内部的return语句:表示将数据返回给调用者。return后面即使有语句,也不会执行,也就是return后面不执行.return语句可有可无,没有则不反悔任何值或者说返回undefined。...原创 2018-03-21 16:16:13 · 2407 阅读 · 0 评论 -
ajax异步上传图片文件并将其转换为base64格式
ajax异步上传图片文件并将其转换为base64格式 高级浏览器上面,可以直接使用html5的FileReader,实现获取上传文件的base64格式,并以字符串形式提交。对于IE9以下的浏览器,就得另想他法。下面是高级浏览器的示例代码。$('.image').change(function(e) { var target = $(e...转载 2018-04-23 15:35:29 · 1276 阅读 · 0 评论 -
HTTP状态码详解
状态码 含义 100 客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收,且仍未被拒绝。客户端应当继续发送请求的剩余部分,或者如果请求已经完成,忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响应。 101 服务器...翻译 2018-05-28 11:12:17 · 216 阅读 · 0 评论 -
不能调用jquery中ready里面定义的函数?
我们知道在学习VUE的时候export default{}是不可缺少的,但是它的含义我们必须理解。 export default{}这是在复用组件的时候用到的。假设我们写了一个单页面组件 A 文件,而在另一个文件 B 里面需要用到它,那么就要用 ES6 的 import/export 语法 ,在文件 A 中定义输出接口 export ,在文件 B 中引入 import ,...转载 2018-03-07 17:23:45 · 15969 阅读 · 1 评论 -
js常见的var that = this的用法
this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,this代表的是当前对象,只能在函数内部使用var that=this就是将当前的this对象复制一份到that变量中$(‘#conten').click(function(){ //this是被点击的#conten var that = this; $(‘.conten').each(原创 2017-10-13 13:56:51 · 15515 阅读 · 0 评论 -
解决移动端rem加载瞬间页面错乱的方法(放大或者缩小)
页面在加载未完成前会出现瞬间错乱的现象,虽然时间不算长,但是肉眼可见,必须解决页面加载顺序通常是”从上往下”加载的,所以在内容区域,也就是body以及body包含的DOM还未被浏览器遍历之前,我们就应该将html的font-size计算好。于是乎,我们应当把计算字体的js放在body之前,解决方法参考网址原创 2017-10-19 15:41:23 · 6979 阅读 · 3 评论 -
innerHTML和innerText怎么区分?
innerHTML和innerText<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="text"><p>哈哈</p><span>嘻嘻</span></div><a href="javascript:alert(tex原创 2017-01-06 10:29:16 · 337 阅读 · 0 评论 -
jq密码验证正确性
验证密码的正确性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .show { padding: 20px; display原创 2017-04-07 09:36:37 · 1133 阅读 · 0 评论 -
jq阻止冒泡事件
阻止冒泡事件 **方式一:event.stopPropagation(); $("#div1").mousedown(function(event){ event.stopPropagation(); });方式二:return false; $("#div1").mousedown(function(event){ return false;原创 2017-04-26 17:08:40 · 1049 阅读 · 0 评论 -
闭包详解
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。闭包的特性 闭包有三个特性:1.函数嵌套函数 2.函数内部可以引用外部的参数和变量 3.参数和变量不会被垃圾回收机制回收 闭包的定义及其优缺点 闭包 是指有权访问另一个函数作用域中的变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量闭包原创 2017-05-16 10:23:41 · 296 阅读 · 0 评论 -
js数组的常见操作( push、pop、unshift、shift、splice、concat、 join)的用法
1、数组添加删除 头部或尾部( push()、pop()、unshift()、shift() )例1:设置数组的lengthhtml<ul> <li>1、设置数组的length</li></ul><ul> <li><span>var arr=[1,2,3,4,5] </span><button>默认length</button> <button>取前3个</butto原创 2017-08-09 11:01:32 · 13329 阅读 · 0 评论 -
js中获取键盘事件
只要你定义了这些键的动作,你在浏览器里按下这些键就会响应,兼容目前所有浏览器。<script type="text/javascript" language=JavaScript charset="UTF-8"> document.onkeydown=function(event){ var e = event || window.event || argumen原创 2017-08-03 15:03:48 · 1142 阅读 · 0 评论 -
js中巧用cssText属性批量操作样式
也许有人用js给html元素设置多个css属性的代码会这样写,样式多的话代码也多<ul> <li style='color:'blue; text-align:center; background:'#cccccc'>测试看看</li></ul>var oli= document.getElementsByTagName('li')[0]; oli.style.width = "200px原创 2017-07-26 20:45:14 · 2609 阅读 · 0 评论 -
理解js的函数的执行顺序
1、函数的基本概念(函数声明、函数表达式、匿名函数)①函数的声明:function fnName () {…}; 使用function关键字声明一个函数,再指定一个函数名,叫函数声明。 ②函数表达式 var fnName = function () {…}; 使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式,这是最常见的函数表达式语法形式。 ③匿名原创 2017-08-18 17:24:22 · 2006 阅读 · 0 评论 -
JavaScript立即执行函数
立即执行函数(Immediate Functions)立即执行函数模式是一种语法,可以让你的函数在定义后立即被执行,比如:[javascript] view plain copy print?(function () { alert(’watch out!’); }()); (function () { alert('watch out!');}());这种模式本质上就是转载 2017-08-21 10:45:11 · 337 阅读 · 0 评论 -
js做一个6位数字图片的循环的系统时间
Date对象:首先需要创建个新日期对象出来,例如var oDate=new Date() 获取方法:getFullYear年、getMonth月、getDate日、getDay星期、getHours时、getMinutes分、getSeconds秒。例如获取当前小时oDate.getHours()html<li class="ha"> <img src="image/0.png">原创 2017-08-10 20:48:28 · 1178 阅读 · 0 评论 -
js点击事件的时候浏览器报错,提示Uncaught TypeError: Cannot set property 'onclick' of null
1、把js代码放在head或者事件之前会报错,报错代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var btn = document.getElementById('btn')原创 2017-09-14 14:59:40 · 11461 阅读 · 0 评论 -
each遍历所有input值判断是否为空
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>input的值</title> <style type="text/css"> ul li{ list-style: none; margin-top: .5rem;原创 2017-09-07 17:55:29 · 7745 阅读 · 0 评论 -
HTML5 Canvas绘制多个图形时,点击图形实现页面跳转
1、首先要做的,是给Canvas元素绑定事件,比如Canvas内部某个图形要绑定点击事件,就需要通过Canvas元素代理该事件:cvs = document.getElementById('mycanvas');context = canvas.getContext('2d');cvs.addEventListener('click', function(e){ p = getEventPos原创 2017-09-08 17:48:39 · 6441 阅读 · 0 评论 -
苹果设备移动端点击无效click失效的解决办法
$ (document).on('click','.gift-right',function(e){ alert('发现点击无效'); })以上代码在电脑浏览器和安卓上都能触发alert事件,但是在ios上却完全没有反应查阅了很多信息后,说是iphone这些元素上没有click事件,它是touch事件,就是说如果这个name标签是button的可click事件则是可以触发的,因为d...原创 2018-11-30 10:00:49 · 8863 阅读 · 0 评论