刚刚接触JavaScript不久，一开始认为它不过是个简单的脚本语言而已，但是在平常或多或少的接触中，对于this指针、全局和局部变量等理解的都不深刻，所以找了些资料看看。一、类 和实例（对象）1、类的创建[javascript] view plaincopyfunction class1(){    //类成员的定义及构造函数  }     这里c

[html] view plaincopy>  html>  head>  meta charset="utf-8">  title>JS——伸缩菜单3title>  style>  ul , h2 { padding:0; margin:0; }  li { list-style:none; }  #list { width:240px; border:1px solid #cc

[javascript] view plaincopy      "utf-8">  JS基础——数据类型    var i = 100;  //alert(typeof i);  //number    var s = 'bokebi';  //alert(typeof s);  //string  //alert(s.length);  //字符串的长度是6  //alert(

[html] view plaincopy>  html>  head>  meta charset="utf-8">  title>JS基础——自定义属性的应用1title>  style>  ul{ list-style:none;}  li{ width:145px; height:159px; float:left; margin-right:20px; backgroun

[html] view plaincopy>  html>  head>  meta charset="utf-8">  title>JS基础——自动生成一组新闻title>  script>  window.onload = function(){      var oBtn = document.getElementById('bnt1');      var oUl = do

当你看到这个html标签的时候，你会想到什么？一个文本框？一个按钮？一个单选框？一个复选框？……对，对，对，它们都对。也许你可能想不到，这个小小的input竟然可以创造出10个不同的东西，下面是个列表，看看，哪些是你没有想到的： 文本框 密码框 提交按钮 重置按钮 单选框 复选框 普通按钮 文件选择控件 隐藏框 图片按钮所以你可能会说，

学习资源来自慕课网《js倒计时效果》：http://www.imooc.com/learn/59。本课程有三个小例子，循序渐进。跟着视频教程练习编写了三个例子的代码，现将学到的关键点及代码总结如下：1. js代码实现年月日 、星期、时分秒的显示，且实现自动计时的效果。2.js代码实现倒计时高考时间（研究生考试时间或别的例子）还剩多少天。3.js代码实现限时抢购还剩 ？天？时？分？秒

js学习视频资源来自慕课网《js事件探秘》：http://www.imooc.com/learn/138关键点总结：抽奖系统的原理：加一个定时器，不断生成随机数——把要抽的东西写在数组内，定时器隔一段时间生成一个随机数，根据随机数去把数据里对应的数找出来。细节问题总结1.每触发一次点击事件，会新开一个定时器，所以在触发事件之前，先调用clearInterval（time

js最近跟着慕课网上的《JS事件探秘》课程学习http://www.imooc.com/learn/138 ，总结如下：一、  第一章1.     事件流：描述的是从页面中接受事件的顺序IE ——事件冒泡流；  Netscap ——事件捕获流 2.     事件冒泡：即事件最开始由最具体的元素接收，然后逐级向上传播至最不具体的元素。 3.     事件捕获：

作者: JeremyWei  原文: JavaScript The Core 对象原型链构造函数执行上下文栈执行上下文变量对象活动对象作用域链闭包This总结这篇文章是「深入ECMA-262-3」系列的一个概览和摘要。每个部分都包含了对应章节的链接，所以你可以阅读它们以便对其有更深的理解。面向读者：经验丰富的程序员，专家。我们以思考对象的概念做为开始，这是ECMAScr

转自：http://www.cnblogs.com/SkySoot/archive/2012/04/11/2442931.htmlJavaScript 基础知识JavaScript 是属于网络的脚本语言！JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。JavaScript 是因特网上最流行的脚本语

[html] view plaincopy>  html>  head>  meta http-equiv="Content-Type" content="text/html; charset=utf-8">  title>检测QQ号码title>  script>  window.onload = function(){            var oText = docume

HTML部分：[html] view plaincopyvar arr = [ '100px', 'abc'-6, [], -98765, 34, -2, 0, '300', , function(){alert(1);}, null, document, [], true, '200px'-30,'23.45元', 5, Number('abc'), function

js学习视频资源来自慕课网《js动画效果》：http://www.imooc.com/learn/167所谓同时运动——多个动画同时进行，eg: 同时发生变宽和变高的运动效果。学习到这里，已经是本课程的最后一节了，收获颇丰啊!废话少说，我还是把这节学到的东西归纳如下：实现几个运动效果同时运行的关键点：将属性名和属性值封装在JSON对象中，通过参数传给处理函数，当然playFun函数需要

js学习资源来自慕课网《js动画效果》：http://www.imooc.com/video/3049/0。在上一节《js动画效果》之多物体动画效果中的例子1 ：1. 网页上有一ul, ul中有三个li元素，要求鼠标移到（onmouseover） li 元素上产生动画效果——宽度值增加到300px，鼠标移出（onmouseout) li 元素产生动画效果——宽度值复原到200px.

命名：变量名和函数命名：第一个单词小写以后每个单词首字母大写。geteElementById()对象命名：每个单词首字母大写。数据类型typeof()方法返回数据类型。number数据类型：包括（int整数，float单精度浮点数，double双精度浮点数)计算时还是按整数和浮点数分开使用。string字符串类型：包括（string和char）Boolean布尔

js[html] view plaincopy>  html>  head>  meta charset="utf-8">  title>JS基础——styleFloat和cssFloat的区别title>  style>  #div1{ width:100px; height:100px; border:1px solid #ccc; background:#f4

[html] view plaincopy>  html>  head>  meta charset="utf-8">  title>JS基础——两张图来回切换title>  script>  window.onload = function(){      var oImg = document.getElementById('img');      var onOff = tr

[html] view plaincopy>  html>  head>  meta charset="utf-8">  title>JS基础——两张图来回切换title>  script>  window.onload = function(){      var oImg = document.getElementById('img');      var onOff = tr

[html] view plaincopy>  html>  head>  meta charset="utf-8">  title>JS基础——初探数组title>  script>  //数组  var arr = [1, '2', '3' , '小四' ,'伍子胥'];  //alert(arr.length); //数组长度  //alert(arr[3]); //数组的第

[html] view plaincopy>  html>  head>  meta charset="utf-8">  title>JS基础——多张图片循环切换title>  script>  window.onload = function(){      var oImg = document.getElementById('img');      var arr = ['i

[html] view plaincopypre name="code" class="html">>  html>  head>  meta charset="utf-8">  title>10-图片切换综合实例title>  style>  p{ margin:0;}  .buttons{ text-align:center; margin-top:20px;}  #box{ 

[javascript] view plaincopy  //定义一个arr数组  var arr = new Array();  //向数组的末尾添加一个a元素  arr.push('a');  //获取所有数组元素  //alert(arr);           //a  //获取数组中的第一个元素【默认从0开始】  //alert(arr[0]);        //a  

js加密解密算法：1. 代码资源：https://github.com/evanvosberg/crypto-js                      https://code.google.com/p/crypto-js/2. 示例：http://bbs.youkuaiyun.com/topics/3901692853. sha256源代码：http://www.bichlmeier.

js学习资源来自慕课网《js动画效果》：http://www.imooc.com/learn/167这里的缓冲动画指的是非匀速运动的动画，这里以速度动画原型为基础修改代码：[html] view plaincopyprint?>  html>      head>          meta charset="utf-8">          style t

[html] view plaincopy>  html>  head>  meta charset="utf-8">  title>JS基础——索引值应用2title>  script>  window.onload = function(){      var aBtn = document.getElementsByTagName('input');      var aP 

正则表达式一、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(\-)?

转自：http://www.cnblogs.com/ywang1724/p/3946339.html　　笔试面试经常涉及各种算法，本文简要介绍常用的一些算法，并用JavaScript实现。1、插入排序 1）算法简介　　插入排序（Insertion-Sort）的算法描述是一种简单直观的排序算法。它的工作原理是通过构建有序序列，对于未排序数据，在已排序序列中

js[html] view plaincopy>  html>  head>  meta charset="utf-8">  title>js属性操作实例title>  style>  *{ padding:0; margin:0;}  ul{ list-style:none;}  a{ text-decoration: none; color:#333;}  .cle

js[html] view plaincopy>  html>  head>  meta charset="utf-8">  title>js基础——innerHTMLtitle>  script>  window.onload = function(){      var oText = document.getElementById('text');      

js[html] view plaincopy>  html>  head>  meta charset="utf-8">  title>文字大小改变实例——if语句和className的使用title>  style>  .red { width:400px; border:10px solid #ccc; background:#eee; padding:10px;

[html] view plaincopy>  html>  head>meta charset="utf-8">  title>for循环简单应用2title>  script>  window.onload = function(){      //方法一(耗性能，加载速度慢)      for(var i=0; i1000; i++){          document.b

[html] view plaincopy>  html>  head>  meta charset="utf-8">  title>JS——伸缩菜单2title>  style>  ul , h2 { padding:0; margin:0; }  li { list-style:none; }  #list { width:240px; border:1px solid #cc

[html] view plaincopy>  html>  head>  meta charset="utf-8">  title>JS基础——自定义属性2title>  script>  window.onload = function(){      var aBtn = document.getElementsByTagName('input');      var arr

[html] view plaincopy>  html>  head>  meta charset="utf-8">  title>自定义属性title>  script>  window.onload = function(){      var aBtn = document.getElementsByTagName('input');            for(var 

[html] view plaincopybody>  ul id="list">  span style="white-space:pre">    span>li>li>  span style="white-space:pre">    span>li>li>  span style="white-space:pre">    span>li>li>  ul>  body> 

[html] view plaincopy>  html>  head>  meta charset="utf-8">  title>JS基础——if else语句和innerHTML的使用title>  style>  #div1{ width:260px; height:200px; border:1px solid #ccc; background:#f4f4f4;}  st

压缩器1.JSMin2.Dojo ShrinkSafe3.YUI Compressor单元测试1.JsUnit2.YUI Test3.DOH4.qUnit文档生成器1.JsDoc Toolkit2.YUI Doc3.AjaxDoc获取元素getElementByTagName[html] view plaincopy

【学习笔记】在原生javascript中使用ActiveX和插件什么是插件现在的浏览器提供了大量的内置功能，但仍然有一些工作无法完成，如播放音频和视频。插件及其扩展浏览器功能就尤为重要。插件是可下载的应用程序，可以插入到浏览器中，现在有很多不同的插件，常用的有Adobe Flash  Palyer ，Microsoft的Silverlinght和Apple的QuickTme播发

js学习资源来自慕课网：http://www.imooc.com/learn/80题述：点击放大，即将图片放大，点击缩小，及缩小图片。此例常应用在如淘宝、京东网站上的图片缩放。小结：实现缩放图片的关键点：1）图片需要用来引用（ 通过我本人自己的测试，发现图片的宽高不能通过css或内联style来另外设置，不然缩放不起作用。）2）实现缩放效果采用setInterVal()缓慢