1遍历所有属性

var person={fname:"John",lname:"Doe",age:25};

for (x in person)
{
  txt=txt + person[x];
}

2.array 有 lenth 属性

var arr = new Array();
var len = arr.lenth;

3 === 类型也相同

4 访问属性的两种方法

objectName.propertyName
objectName["propertyName"]

5 支持 try catch throw

6 isNaN(x) 判断是否数字

7 当你有一个对象的多个属性或者方法需要操作时,就可以使用with

var o=document.createElement("div");
with(o){ style.cursor="pointer"; style.zIndex="100"; innerHTML="aaaa";}
document.body.appendChild(o);

等同于

var o=document.createElement("div");
o.style.cursor="pointer";
o.style.zIndex="100";
o.innerHTML="aaaa";
document.body.appendChild(o);

简化书写

8 元素下的元素

var x=document.getElementById("main");
var y=x.getElementsByTagName("p");

9 .getElementsByClassName //样式名
    getElementById
     getElementsByTagName // 标签名 如 ul li p div

10.如需改变 HTML 元素的样式,请使用这个语法:

document.getElementById(id).style.property=new style
例子:document.getElementById("p2").style.color="blue";

11. 显示和隐藏

<input type="button" value="隐藏文本" onclick="document.getElementById('p1').style.visibility='hidden'" />
<input type="button" value="显示文本" onclick="document.getElementById('p1').style.visibility='visible'" />

12. 添加节点有两种方法:
  <1> 用innerHtml注入
  <2> 用var para=document.createElement("p");然后 document.getElementById("div1").appendChild(para);

13. 移除元素
  var child=document.getElementById("p1");
  child.parentNode.removeChild(child);

14. JavaScript 提供多个内建对象,比如 String、Date、Array 等等。

15. 创建一个新对象:
  <1> person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};
  <2> person=new Object();person.firstname="Bill";person.lastname="Gates";

<3> 用初始函数创建
function person(firstname,lastname,age,eyecolor)
{
  this.firstname=firstname;
  this.lastname=lastname;
  this.age=age;
  this.eyecolor=eyecolor;
}

16. 成员函数:方法只不过是附加在对象上的函数。(function 内可以新建function)
  function person(firstname,lastname,age,eyecolor)
  {
    this.firstname=firstname;
    this.lastname=lastname;
    this.age=age;
    this.eyecolor=eyecolor;

    this.changeName=changeName;
    function changeName(name)
    {
      this.lastname=name;
    }
  }

17.字符串常用方法:
  indexOf() 来定位字符串中某一个指定的字符首次出现的位置。
  match() 来查找字符串中特定的字符,并且如果找到的话,则返回这个字符。
  replace() 方法在字符串中用某些字符替换另一些字符。
  length 返回字符串的长度

18. var date = new Date() 获得时间

19. 获得窗体大小
  var w=window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWidth;
  var h=window.innerHeight||document.documentElement.clientHeight|| document.body.clientHeight;

20.提示窗:alert("文本")confirm("文本")prompt("文本","默认值")

21.可以用for (x in mycars) 遍历数组

22. 数组常用arr.join(".") 用.连接生成字符串,arr.concat(arr2)连接两个数组

Javascript 备忘的更多相关文章

  1. Javascript备忘模式

    使用备忘模式,利用了函数的自定义属性,先看一个例子 var test = function (){} test.myAttr = "attr"; 这样,就给test加上了一个自定义 ...

  2. Javascript备忘复习笔记2

    一.函数与形参 1.函数 function abs(x) { if (x >= 0) { return x; } else { return -x; } } alert(abs(-10)); 2 ...

  3. Javascript备忘

    js输出对象类型: Object.prototype.toString.apply(s) 设置单行点击效果: obj.style.background = "#efefef";se ...

  4. javascript 备忘 细节 相关

    DOMContentLoaded事件触发时机,即dom tree完成但页面未必渲染完毕.   var a = [1,2,3,4]; var length = a.length; alert((leng ...

  5. Javascript备忘复习笔记1

    一.字符串操作 1.大小写 var s = "hello"; undefined g = s.toUpperCase(); "HELLO" g; "H ...

  6. [备忘]Asp.net MVC 将服务端Model传递的对象转为客户端javascript对象

    <script type="text/javascript"> var jsObject = @Html.Raw(Json.Encode(Model.Objects)) ...

  7. JavaScript 教程学习进度备忘(二)

    备忘:之前,只将“JS 教程”学习完毕,这篇记录:“JS HTML DOM ”.“JS 对象”.“JS Window”.“JS 库” 书签:跳过:另外跳过的内容有待跟进 _______________ ...

  8. 正则表达式备忘(基于JavaScript)

    基于JS学习的正则表达式 备忘 e.g.匹配以0开头的三位或四位区号,以-分格的7或8位电话号码var reg1 = /^0\d{2,3}\-\d{7,8}$/;或var reg1 = new Reg ...

  9. Npm vs Yarn 之备忘大全

    有则笑话,如此讲到:"老丈人爱吃核桃,昨天买了二斤陪妻子送去,老丈人年轻时练过武,用手一拍核桃就碎了,笑着对我说:你还用锤子,你看我用手就成.我嘴一抽,来了句:人和动物最大的区别就是人会使用 ...

随机推荐

  1. Javascript数组,String对象,Math对象,Date对象,正则表达式

    标题栏的滚动<html><head><title>山西众创金融</title></head>function init(){ //1.拿到标 ...

  2. Android环境变量笔记

    Logcat打印日志 使用方法Log.i(tag, msg);参数tag: 标签.用于识别Logcat的分类(一般可以使用类名作为标签)数msg: 打印的内容 在eclipse中打开logcat标签W ...

  3. Modelsim的自动化脚本仿真平台

    自动化仿真平台由tcl语言搭建,大规模设计使用此平台让仿真便捷不少.大体上用tcl语言进行modelsim仿真的流程如下: 1. 建立库 2. 映射库到物理目录 3. 编译源代码 4. 启动仿真器 5 ...

  4. 18、HTML

    HTML 超文本标记语言(Hyper Text Markup Language). 用来描述网页的一种语言. HTML标签 由尖括号包围的关键词. 如:<html> 通常是成对出现的,开始 ...

  5. jBPM开发入门指南

    http://blog.csdn.net/eric474470/article/details/7665265 工作流虽然还在不成熟的发展阶段,甚至还没有一个公认的规范标准.但其应用却已经在快速展开, ...

  6. JAVA Oauth 认证服务器的搭建

    http://blog.csdn.net/binyao02123202/article/details/12204411 1.软件下载 Oauth服务端: http://code.google.com ...

  7. android studio环境搭建-笔记1

    自己干了几年测试(功能性的),最近比较闲,就自己学习下android(以前也有所接触,但那是几年前的一点皮毛,都忘记了). 先搭建谷歌推出的android studio(以前用eclipse搭建总觉得 ...

  8. nyoj89 汉诺塔(二)

    题目网址 :http://acm.nyist.net/JudgeOnline/problem.php?pid=89 汉诺塔问题的经典结论: 把i个盘子从一个柱子整体移到另一个柱子最少需要步数是 2的i ...

  9. Gerrit 删除项目

    今天手滑把一个Gerrit上的项目epa写成了epp,想找个重命名的地方也找不到...到网络上搜索了下,发现都是改数据库的,然后就进入的数据库: $ ssh -p 29418 10.27.149.22 ...

  10. PIMP模式的理解

    看了[C++程序设计技巧]Pimpl机制 之后,想了半天才理解    // MyClass.h 2: class MyClassImpl; // forward declaration 3: clas ...