一、操作样式:

   .style   操作行间样式

  .className 修改class

二、操作属性

  1. .  更简单,操作已有的属性

  2. [] 更灵活,点能做的,方括号都能做。方括号中放的是字符串,方括号可以放变量,点不能。

三、获取元素的方式

  document.getElementById  通过ID获取一个元素

  obj.getElementsByTagName 通过标签名获取一组元素

  obj.getElementsByClassName  通过class获取一组元素 通过class获取不兼容。不兼容:IE6,7,8

四、检测数据类型:typeof 数据类型: number   数字 boolean   布尔值 string    字符串 undefined   未定义 object    对象 function   函数

五、获取非行间样式:

  function getStyle(obj,sName){

    return obj.currentStyle?obj.currentStyle[sName]:getComputedStyle(obj,false)[sName];

  }

六、获取随机数 Math.random()    获取0-1之间的小数,包括0 ,永远不包括1

  function rnd(n,m){

    return parseInt(n+Math.random()*(m-n));

  }

七、定时器:

  事件以毫秒为单位

  setInterval(fn,ms)  连续执行

  setTimeout(fn,ms) 执行一次

**先清后开。

八、日期对象

  var oDate = new Date(); 获取

  oDate.getFullYear() 获取年

  oDate.getMonth() 获取月,要+1

  oDate.getDate() 获取日

  oDate.getDay() 获取星期,星期日是0

  oDate.getHours() 获取时

  oDate.getMinutes() 获取分

  oDate.getSeconds() 获取秒

  oDate.getTime(0 获取时间戳 时间戳: 1970年1月1日 0:0:0:0  到现在经历过的毫秒数

  设置 oDate.setFullYear(y,m,d); oDate.setFullYear(y,m); oDate.setFullYear(y);

  oDate.setMonth(m,d);  月份要-1 oDate.setMonth(m);

  oDate.setDate(d);  设置日

  oDate.setHours(h,m,s,ms); oDate.setHours(h,m,s); oDate.setHours(h,m); oDate.setHours(h);

  oDate.setMinutes(m,s,ms); oDate.setMinutes(m,s); oDate.setMinutes(m);

  oDate.setSeconds(s,ms); oDate.setSeconds(s);

  日期对象会自己进位

九、arguments 实参参数的数组。

  当参数个数不固定时,使用这个东西。

十、i的问题

  1.循环中加事件,事件中使用i

     解决:自定义属性 封闭空间

  2.循环中加定时器,定时器中使用i

    解决:封闭空间

十一、封闭空间:省了个名字。 (function(){})();

  封闭空间的作用: 1.解决i的问题。 2.解决变量名冲突的问题。

十二、eval   把字符串变成可执行的语句

  evaljson的时候要加括号

    var str = '{a:1,b:2}';

    eval('('+str+')');

十三、json  装东西的

  没有length 下标是名字 用for...in循环

十四、批量设置样式

  function setStyle(){

     if(arguments.length==2){

      for(var name in arguments[1]){

        arguments[0].style[name]=arguments[1][name];

      }

     }else{

         arugments[0].style[arguments[1]]=arguments[2];

        }

   }

十五、数组的length可以更改

    清空数组: arr.length=0;

         arr = [];

         arr.splice(0,arr.length);

         while(arr.length){  arr.pop();  arr.shift(); }

十六、获取浏览器信息: window.navigator.userAgent

js基础的知识整理的更多相关文章

  1. SVG.js 基础图形绘制整理(二)

    一.折线 var draw = SVG('svg1').size(300, 300); //画折线 //使用字符串点 // var polyline=draw.polyline('0,0 100,50 ...

  2. js事件(Event)知识整理

    事件(Event)知识整理,本文由网上资料整理而来,需要的朋友可以参考下   鼠标事件 鼠标移动到目标元素上的那一刻,首先触发mouseover 之后如果光标继续在元素上移动,则不断触发mousemo ...

  3. js事件(Event)知识整理[转]

    事件注册 平常我们绑定事件的时候用dom.onxxxx=function(){}的形式 这种方式是给元素的onxxxx属性赋值,只能绑定有一个处理句柄. 但很多时候我们需要绑定多个处理句柄到一个事件上 ...

  4. three.js基础前置知识

    这一节是纯理论知识,用于介绍three.js的入门概念,也就是开发前需要准备的理论基础. 一,三剑客 当然就是scene,camera,renderer这三个基本要素. scene是一个用于容纳三维空 ...

  5. Javascript进阶篇——(JS基础语法)笔记整理

    根据慕课网学习整理到一起的笔记,把东西整理到一起看起来比较方便 什么是变量字面意思:变量是可变的量:编程角度:变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品可 ...

  6. SVG.js 基础图形绘制整理(一)

    一.矩形 //指定width和height 画矩形 //返回rect对象 var draw = SVG('svg1').size(300, 300); var rect = draw.rect(100 ...

  7. JS跨域知识整理

    在“跨域”一词经常性地出现以前,我们其实已经频繁地使用它了.如在A网站的img,src指向B网站的某一图片地址,毫无疑问,这在通常情况下都是能正常显示的(且不论防盗链技术):同样,可以使script标 ...

  8. AJAX学习前奏----JS基础加强

     AJAX学习前奏----JS基础加强 知识概要: 1.js类&属性&方法的定义 2.静态属性与方法 3.构造方法 4.原型的使用 5.Object对象直接加属性和方法 6.JSO ...

  9. [JS复习] JS 基础知识

    项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or bloc ...

随机推荐

  1. jq遍历url判断是否为当前页面然后给导航上色

    举例:我们希望在此页面点击“我的头像”从而加亮它的背景颜色,跟“我的爱好”的背景颜色一样. 之前: 之后: 我是这样实现的:通过判断当前url是否存在某字段,遍历字段所在的位置给加上相应的样式,我这么 ...

  2. 前端相关js

    1. mailchimp.js: 通过电子邮件订阅 RSS 的在线工具 2. ga.js:google推出的用来统计网站信息的一个java脚本.可以在GoogleAnalytics获得网站的统计和追踪 ...

  3. HTTPS协议简介

    一.HTTPS简介 百度已经于近日上线了全站 HTTPS 的安全搜索,默认会将 HTTP 请求跳转成 HTTPS.本文重点介绍 HTTPS 协议, 并简单介绍部署全站 HTTPS 的意义. HTTPS ...

  4. asp.net 修改/删除站内目录操作后会导致Session丢失

    http://www.jb51.net/article/21770.htm http://blog.chinaunix.net/uid-7425507-id-134216.html 在Web项目中使用 ...

  5. 【HDU 4747 Mex】线段数

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4747 题意:有一组序列a[i](1<=i<=N), 让你求所有的mex(l,r), mex ...

  6. chineseChess

    最近学习了chineseChess的Qt实现,把一些东西总结一下: 实现功能: 1.人人对战 2.人机对战 3.网络版 一.基础性工作:(人人对战) 1.棋盘和棋子的绘制(QPinter,drawLi ...

  7. Devexpress TreeList控件绑定显示父子节点对像

    今天一位同事咨询Devexpress TreeList控件绑定自动显示父子节点对像,但结果是不会显示带父子节点关系,而是将所有的节点作为父节点显示出来了,对像类的代码如下 public class I ...

  8. Python数据类型(3)

    字符串(str):单引号''.双引号""嵌套使用,可以不使用转义字符:'abc"dd"ef'."acc'd'12",字符串不可以是多行的三单 ...

  9. usaco 2016 Feb 负载平衡

    题目大意:平面上一堆点,用两条平行于坐标轴的直线将其分为四部分,使得点数最多的一部分最少 第一维枚举,第二维三分,点集用两棵树状数组维护 #include<bits/stdc++.h> # ...

  10. A trip through the Graphics Pipeline 2011_07_Z/Stencil processing, 3 different ways

    In this installment, I’ll be talking about the (early) Z pipeline and how it interacts with rasteriz ...