javascript
关注
分享
扫一扫
文章平均质量分 76
姜小白-
Java开发，项目管理，打杂，啥都做
展开
-
javascript推荐书籍
WEB前端研发工程师，在国内算是一个朝阳职业，这个领域没有学校的正规教育，大多数人都是靠自己自学成才。本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程，目的是给想了解 JavaScript或者是刚接触JavaScript的朋友，介绍如何通过循序渐进的看书来学习javascript。一. 入门级：就是有一定的基础(比如最常见的HTML标签及其属性、事件、方法；最转载 2015-01-31 23:29:37 · 2153 阅读 · 1 评论 -
JavaScript操作checkbox复选框
JavaScript操作checkbox的方式和操作radio的方式相似，都是利用元素项的checked属性来完成。先获取checkbox元素集合，遍历集合，对集合中的每一项做操作。 这里讲几个常用的checkbox复选框的常见示例。原创 2015-03-20 22:59:05 · 12660 阅读 · 0 评论 -
JavaScript引用类型之Boolean类
Boolean类是Boolean原始类型的引用类型。要创建Boolean对象，只需要传递Boolean值作为参数：var oBooleanObject = new Boolean(true);Boolean对象将覆盖object类的valueOf方法，返回原始值，即true 或 false。toString方法也会被覆盖，返回字符串“true”或”false”。原创 2015-03-17 20:59:20 · 979 阅读 · 0 评论 -
JavaScript中trim 方法实现
Java中的 String 类有个trim() 可以删除字符串前后的空格字符，jQuery中也有trim()方法可以删除字符变量前后的字符串。但是JavaScript中却没有相应的trim() 方法，幸好，JavaScript中有正则表达式，String 对象有replace() 方法，利用JavaScript的正则和replace方法来达到trim() 方法的效果。接下来介绍两种方法，其实两种方法大同小异。都是在String 对象的prototype属性上进行trim()方法的定义，并提供实现，实现后原创 2015-03-12 22:00:49 · 5193 阅读 · 0 评论 -
js 从开始和结束时间得到中间所有天
今天在论坛中看到一个帖子，给定输入的字符型日期和结束的字符型日期，计算中间间隔的每一天的日期。正好项目不忙，就动手写了一下，记录下来吧。 原问题var start_time = "2015-2-1"var end_time = "2015-3-1"需求得到开始和结束时间之间所有天 return [ '2015-2-1',"2015-2-2" ... "2015-2-28"原创 2015-04-08 22:34:01 · 9786 阅读 · 2 评论 -
动态添加删除table页面一行input表格
之前写过两篇关于HTML页面添加结点，删除结点的博文。今天偶然看到一个网友询问JSP页面上动态给表格增加行，删除行，碰巧那会儿比较闲，就动手写了一下，记录下来，希望能帮到需要的朋友们。上面的代码中，首先在body中构造了一个table，为了方便后续的操作，我们给table添加了thead 和 tbody 标签，thead标签标示的是表格头，tbody标签标示的是表格主体。示例中的表格，共有三列，第一列 first name，第二列 last name，第三列为操作列。操作列中，包含两个操作，一个是给原创 2015-04-15 23:06:18 · 21695 阅读 · 1 评论 -
动态增加，删除表格行并按照表格列排序
解决掉的问题 1 乱码的问题 2 删除方法更加简便，省去获取父节点id的代码 3 点击第一行的add按钮后，下行table行变宽问题function sortTable(){ // 获取表格 var oTable = document.getElementById("tb1"); // 获取表格中tBody主体域 var oTBody = oTable.tBodies[0]; // 获取oTBody域中行集合 var colDataRows = oTBod原创 2015-04-16 21:36:35 · 3047 阅读 · 0 评论 -
数组Array的排序sort
JavaScript给我们提供了一个入口，可以给sort() 方法传递一个参数，即比较函数，来告诉排序算法值与值之间是大于、小于还是等于关系。比较函数是有着特定算法的函数。 JavaScript中Array对象的sort方法返回值的定义为 负值 ： 如果所传递的第一个参数比第二个参数小 零 ： 两个值相等 正值 ： 如果第一个参数比第二个参数大原创 2015-04-09 22:33:09 · 6132 阅读 · 3 评论 -
按回车键切换焦点
在网上注册信息时，常常输入一项信息后敲回车键，焦点会自动切换到下一个输入框中。今天练手正好做了一下这个小例子。上面的keydown事件指向的方法中，传入事件对象evente = event ? event :(window.event ? window.event : null); 这一行解决了浏览器兼容问题 IE浏览器的话，会给事件方法传入当前事件，也就是说IE浏览器下面，这个event是会被传入的；到了非IE浏览器，没有event的传入，那么e 会等于(window.event ? wind原创 2015-04-21 22:20:25 · 5504 阅读 · 0 评论 -
JS数组的深浅拷贝
javascript数组在使用时，时常会遇到数组备份的情况，之后对数组做些修改，再同原数组进行比对，查看数组的变化，这里就涉及到一个数组拷贝的问题。浅拷贝只复制一层对象的属性；深拷贝递归复制了所有层级。简单数组的拷贝可以通过slice方法和concat方法来实现，对于多维数组的实现，必须通过JSON.parse(JSON.stringify(obj))方法来实现原创 2017-07-08 11:39:02 · 8560 阅读 · 0 评论 -
document获取对象三方法
综上三种获取对象的方式，可以看出，getElementById 是获取对象最直接的方式，也是效率最高的方式；但是如果元素没有id属性，但有name属性，那么就使用getElementsByName 来获取对象的集合，再遍历集合中的每一个对象；如果元素也没有name属性呢，那就只有使用getElementsByName 来获取对象了。原创 2015-03-01 07:51:59 · 17521 阅读 · 2 评论 -
通过示例看JavaScript的闭包
闭包(closure)，是指词法表示包括不必计算的变量的函数。换句话说，该函数能使用函数外定义的变量。在JavaScript中，使用全局变量是一个简单的闭包实例。看如下代码 var message = "Hello world!";function sayHello() { alert(message);}sayHello(); 这段代码中，脚本被载入内存后，并未原创 2017-07-23 23:28:20 · 589 阅读 · 0 评论 -
javascript 获取表单中radio选中值
radio是form表单中非常常用的一种表单元素，对于radio的操作中，都是利用radio的checked属性，都是对radio的checked属性做操作。获取radio的选中值时，遍历radio按钮项，找到被选中（checked）的状态的那个按钮，然后返回其值；给radio赋值时，找到对应的按钮项，将其checked属性置为true即可。获取radio值Method1 遍历原创 2015-03-19 22:17:07 · 108680 阅读 · 7 评论 -
Firefox浏览器设置字符编码格式
今天写博客，敲示例代码时遇到的问题。简单的HTML页面，在火狐浏览器出现中文乱码。如果是IE浏览器的话，直接通过菜单查看 –> 编码 就可以指定编码方式，解决乱码问题。现在Firefox浏览器版本升级太快，且展示方式也经常变化，本人还找了一番才找到火狐浏览器的设置字符编码的方式，在此分享出来，希望能帮到碰到这个问题的朋友。本人使用的Firefox浏览器版本为36.0.1原创 2015-03-20 20:34:23 · 92940 阅读 · 0 评论 -
innerHTML与innerText区别
innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。innerText 指的是从起始位置到终止位置的内容,但它去除Html标签。同时，innerHTML 是所有浏览器都支持的，innerText 是IE浏览器和chrome 浏览器支持的，Firefox浏览器不支持。其实，innerHTML 是W3C 组织规定的属性；而innerText 属性是IE浏览器自己的属性，不过后来的浏览器部分实现这个属性罢了。原创 2015-03-08 11:59:50 · 91009 阅读 · 21 评论 -
Dom简介
在网页上，组成页面（或文档）的对象被组织在一个树形结构中。 页面的顶级包含在<html>标签中，在其中会找到<head>和<body>标签，而其它标签包含在这两个标签中，依次类推。 javascript将文档树中的每一项都当做对象，可以使用javascript操纵这些对象。用来表示文档中对象的标准模型就称为DOM（Document Object Model）原创 2015-02-02 22:54:08 · 1720 阅读 · 2 评论 -
javascript入门书籍推荐《javascript基础教程》
在这个函数中，我们为页面上的每个按钮设置了onclick 处理程序。因为在HTML中设置了id属性和value属性，所以可以使用getElementById() 设置事件处理程序。如果有value属性，就可以使用getElementById() 调用，那么就不必设置id属性。3. function saySomething() {这一行开始saySomething()函数4. switch(this.id) {this 对象的id用作switch() 的参数。这个值将决定执行以下case语句原创 2015-02-11 22:20:52 · 3656 阅读 · 0 评论 -
JavaScript的引用类型
上一篇博文中提到了JavaScript中变量分两种类型，原始类型和引用类型。这一篇文章继续了解引用类型。 引用类型通常叫做类（class），也就是说，遇到引用值时，所处理的就是对象。 对象是由new运算符加上要实例化的类的名字创建的，例如，下面的代码创建了Object实例： var obj = new Object(); 这里的创建语原创 2015-03-15 00:35:54 · 564 阅读 · 0 评论 -
JavaScript的原始类型
在ECMAScript 中，变量可以存放两种类型的值，即原始值和引用值。 原始值（primitive value）是存放在栈（stack）中的简单数据字段，也就是说，它们的值直接存储在变量访问的位置。 引用值（reference value）是存储在堆（heap）中的对象，也就是说，存储在变量出的值是一个指针（point），指向存储对象的内存处。ECMAScript 中有5种原始类型，即Undefined，Null，Boolean，Number 和 String。ECMAScript把术语原创 2015-03-14 21:50:13 · 1194 阅读 · 1 评论 -
IE浏览器javascript调试
怎么进入javascript的调试状态呢，各浏览器的实现是不同的，像火狐浏览器有自己的firebug，chrome浏览器本身就自带了调试。这里讲一下IE浏览器的调试，毕竟当前浏览器市场IE还是占了很大的份额的。想在IE浏览器中调试代码，可以像java代码一样，给代码打断点。Javascript中断点的方式为 debugger 关键字，在需要调试的地方添加上debugger，再开启javascript的调试，就可以进入调试模式了。debugger;var aHref = hrefs[i];if原创 2015-02-27 22:57:58 · 22434 阅读 · 2 评论 -
JavaScript引用类型之原型prototype
Javascript对象中的原型属性可以返回对象类型的原型引用，原型prototype归构造方法所有。JavaScript中，每个对象都连接到一个原型对象，并且它可以从中继承属性。所有通过对象字面量创建的对象都连接到Object.prototype，它是JavaScript中的标配对象。当你创建一个新对象的时候，你可以选择某个对象作为它的原型，新对象具有原型对象的所有属性和方法。如果新对象有和原型中同名的属性或方法，新对象的覆盖原型中的。原创 2015-03-25 22:50:35 · 1709 阅读 · 0 评论 -
javascript给html添加结点操作
html页面中的内容一般都是事先编写好的，用浏览器打开页面的时候，直接加载到页面上面的。如果想在一个页面上有一些交互性的操作，这时候javascript就派上用场了。那如果想在展现好的html页面上动态增加段落内容或修改段落内容，OK，段落对象的appendChild方法要派上用场了。insertBefore 方法与 appendChild 方法不同：appendChild方法传递一个参数，由依附点来调用，传递要挂载的段落；insertBefore 方法由document.body调用，传递两个参数，要原创 2015-03-05 06:56:01 · 7314 阅读 · 1 评论 -
JavaScript引用类型之Object类
ECMAScript中的Object类跟Java中的Object类相似，ECMAScript中的所有类都由这个类继承而来，Object类中的所有属性和方法都会出现在其它类中，所以理解Object类，就可以更好的理解其它类。JavaScript的对象是属性的容器，其中每个属性都拥有名字和值。属性的名字可以是包括空字符串在内的任意字符串。属性值可以是除undefined值之外的任何值。JavaScript里的对象是无类型的。它对新属性的名字和属性的值没有限制。对象和适用于汇集和管理数据。对象可以包含其他对象原创 2015-03-16 20:42:09 · 1332 阅读 · 1 评论 -
Firefox下javascript调试方法
点击点击暂停 按钮，点击后按钮状态改变，同时右边的三个调试步骤变为可操作状态，调试步骤的作用可参考IE浏览器javascript调试篇的讲解。同时，在代码行上面打断点。点击断点后，代码自动进入调试状态，取消断点，代码直接运行过去。原创 2015-03-04 21:12:22 · 26297 阅读 · 4 评论 -
javascript删除html结点操作
html页面上删除结点的操作跟添加结点中将段落添加在指定依附点之前相似，将段落添加在指定依附点之前代码为document.body.insertBefore(newGraf, docForm),删除的为document.body.removeChild(deleteNode) 就可以了。使用的是removeChild 方法，删除的是body域里面的元素。原创 2015-03-06 09:03:13 · 9188 阅读 · 1 评论 -
document常用属性及属性集合
上一篇博文说删除结点信息时，有一行代码document.body.removeChild(deleteNode)，那document.body是什么呢？body跟document什么关系呢？今天说说常用的document属性和集合属性。所谓document属性是指那些单的属性信息，它指代的是单个的对象；集合属性指的是document对象里面的那些可以归为集合的子对象。原创 2015-03-07 18:19:36 · 3148 阅读 · 0 评论 -
input标签multiple属性用法简介
今天一个朋友问我，是否可以一次上传多个文件，想了下，之前做过呀，使用多个input空间，type设置为file呀如果使用一个input控件呢，是否可以，咨询了下前端同事，发现确实可以，使用multiple属性。 多文件上传基于之前的多文件上传看，页面改造非常简单，将之前的多个input控件，删除的只剩一个，在input控件内增加multiple属性即可。 <div cl...原创 2018-12-13 17:51:26 · 27365 阅读 · 8 评论