博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript 备忘
阅读量:4991 次
发布时间:2019-06-12

本文共 2578 字,大约阅读时间需要 8 分钟。

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="隐藏文本" οnclick="document.getElementById('p1').style.visibility='hidden'" />

<input type="button" value="显示文本" οnclick="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)连接两个数组

 

转载于:https://www.cnblogs.com/GhostZCH/p/3187249.html

你可能感兴趣的文章
项目问题
查看>>
scss侦听并压缩
查看>>
我有接口文档, 你有酒吗?
查看>>
iOS - Push 通知推送
查看>>
[FJOI2007]轮状病毒
查看>>
Azure AADSTS7000215 其中一种问题的解决
查看>>
关于吃苦
查看>>
uva 1629切蛋糕(dp)
查看>>
生成awr报告
查看>>
cocos2d-x 3.0rc2 对于每个包执行情况的重要平台 (超级方便)
查看>>
Android 深入解析光传感器(二)
查看>>
Ansible@一个高效的配置管理工具--Ansible configure management--翻译(八)
查看>>
【bzoj4552/Tjoi2016&Heoi2016】排序——二分+线段树/平衡树+线段树分裂与合并
查看>>
Windows Internals学习笔记(八)IO系统
查看>>
sql插件,SQLPrompt
查看>>
Objetive-C 属性和线程安全
查看>>
mybatis pagehelper实现分页
查看>>
很牛的javascript日期转换函数
查看>>
javascript格式化json显示
查看>>
Redis 在 SNS 类应用中的最佳实践有哪些?
查看>>