随笔分类 - JavaScript
摘要：碰到一个JavaScript的eval问题，大概有这么一段代码 function buildRequestJson(key, value) { return JSON.stringify(eval('({"'+ key +'": "'+ value +'"})')); } 上面这段代码如果传入一个带
阅读全文
摘要：请看下面代码： 以及： 之所以对于上面这段代码有点以后是因为： JavaScript是脚本语言，那么执行的时候就因该是从上到下依次执行每条语句，那么在绑定事件处理程序的之后，在取消事件处理程序之前，绑定的事件处理程序就已经执行了，而取消一个已经执行的事件，应该是无用的，但是确实实现了。 上面是我最初
阅读全文
摘要：有这么一种情况： 页面有一个按钮，点击之后会触发Ajax请求，但是用户在点击之后，不知道是否点成功了，于是又点了一下，如果不加处理的话，就会进行两次Ajax请求，并且请求的数据都是一样的，对后端的程序会产生一定影响。 解决方案：在用户点击按钮之后，在收到后端程序传回的结果之前，将按钮设置为灰度，即设
阅读全文
摘要：DOM操作时，经常使用element.style属性，没错，element.style是属性，和几个offsetXxxx属性一样，概念是一样的。 但是style有几个属性，这几个属性和offsetXxxx有很大关系。他们是可以相互转化的。 之所以说转化，是因为他们的值类型不同，element.off
阅读全文
摘要：对象访问器就是setter和getter，他们的作用就是 看下面代码： 看完代码，你可能觉得setter和getter有点多余，直接使用原来的变量就能实现，为何要多此一举？ 其实有些情况setter和getter很使用，比如在设置属性的时候需要将属性值做一些处理，当然这些处理可以在外部定义函数实现，
阅读全文
摘要：其实实现文字的跑马灯和实现图片轮播的原理是一样的。 下面是我自己实现的，文字的位置可以随便更改，效果不会变，文字的内容可以通过ajax获取，同时，可以直接用Jquery改写一下，很方便。
阅读全文
摘要：通过element.style.xxx设置或者读取的xxx样式属性，都是属于行间样式（<p style="color=red"></p>)，并不是 使用link的外部css文件 或者 在<style></style>标签中定义的样式 样式优先级： * < tagName < class < id <
阅读全文
摘要：这里涉及到和PHP中类似的问题，有待更新！！！
阅读全文
摘要：在JavaScript DOM编程中，会接触很多很多很多关于浏览器的宽高，屏幕的宽高，元素的各种宽高，以及鼠标的坐标等，常常让人搞混。索性就写篇博客整理一下。 case 1：鼠标的坐标 获取鼠标的坐标，首先要鼠标触发某个事件，该event事件的clientX和clientY属性就是鼠标的x，y坐标，
阅读全文
摘要：方法一：直接在HTML代码中，为元素的onclick绑定时间（DOM 0级事件） 缺点：html和js的代码杂糅，耦合度高，修改不方便 方法二：使用JavaScript的DOM编程，获取元素节点，然后绑定事件 方法三：使用addEventListener和removeEventListener,IE
阅读全文
摘要：JSON数据的语法规则 1、数据以键值对的形式 2、数据由逗号分隔 3、花括号保存对象 4、方括号保存数组 以PHP的数组为例： 运行： 上面例子中，当不同深度的数组元素的类型不同时（有的为字符串值，有的又是一个数组）。 虽然键值对是以冒号分隔，冒号的左边毫无疑问是 数组的索引 或者 关联数组的ke
阅读全文
摘要：在登录时，通常是将输入的信息原封不动的传送给后端的处理程序，然后处理之后返回结果，那么可能后端服务器的压力就很大，所以可以先在提交表单之前进行一些简单的检测，然后再发给后端，减小服务器的一部分压力：
阅读全文
摘要：childNodes用来获取一个元素的所有子元素，这个包括元素节点和文本节点。 children用来获取一个元素的子元素节点，注意只是元素节点 其中DOM中常见的三种节点分别如下： 元素节点：<body>，<p>，<a>，<div>，<head>.....等等这些标签，都是元素节点 属性节点：tit
阅读全文
摘要：可以从上面代码中看出我的目的：通过点击链接，更换显示的图片，并且不会跳转。 因为是一个a标签，return false可以在点击链接后不跳转，但是，我觉得每次绑定事件的时候都要加上这么一句，为什么不直接将这一句return false写在绑定的事件函数中（showPicture）呢，于是乎，我就试了
阅读全文
摘要：Case 1:let、const var的缺陷 1、可以重复声明变量 2、无法限制修改（没有常量） 3、没有块级作用域 let和const可以弥补var的缺陷 let： 不能重复声明，用来声明变量，声明的变量的值可以修改，支持块级作用域 const： 不能重复声明，用来声明常量，声明的常量的值不能改
阅读全文
摘要：case 1： 无论是使用原生的JavaScript，还是JQuery，通过Ajax请求后端程序数据，返回的数据默认是字符串，字符串，字符串，重要的事情说三遍！！！ case 2: 不要尝试直接将返回的值和一个数字进行比较，也不要直接作为if或者while的条件，因为字符串作为条件始终为真，即使是“
阅读全文
摘要：正则表达式在每一种编程语言中都有，不只是JavaScript才有的，并且正则表达式也语言无关，是一个独立的内容，每一种语言只是提供不同的方法或者函数可以和正则表达式配合使用，完成字符串查找、替换、删除的操作。 字符串操作 查找子串：String.search() search() 方法用于检索字符串
阅读全文
摘要：cookie本身没什么可介绍的，但是cookie在JavaScript中，有很多需要注意的 首先，cookie在JavaScript中，是window.document对象的一个属性，所以访问cookie是通过document.cookie这种形式。 设置cookie值 最直接的方式是下面这样： 查
阅读全文
摘要：以CSS为例，有一种为所有class为"xxxx"的元素添加样式（外联样式），那么所有class为xxx的元素样式就会改变，在css中像下面这么写： CSS中还有一种为单一的元素加样式（行间样式），只会对这一个元素产生效果，像下面这样： 以铸造一个铁锅为例： 类：模子，一个锅形状的模具，不可以用来炒
阅读全文
