码迷,mamicode.com
首页 > Web开发 > 详细

JS从头开始

时间:2016-06-07 16:17:00      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:

  • API:应用程序编程接口
  • HTML:超文本标记语言
  • XML:可扩展标记语言
  • HTML和XML的差别:设计目的不同:XML被设计用来传输和存储数据,其焦点在数据的内容;HTML被设计用来显示数据,其焦点在数据的外观上。
  • DOM(Document Object Model):文档对象模型;
一个完整的 JavaScript 实现应该由下列三个不同的部分组成:
  1.核心(ECMAScript)
  2.文档对象模型(DOM)
       提供访问和操作网页内容的方法和接口。
       DOM是针对XML但经扩展用于HTML的应用程序编程接口(API)。在DOM中,页面被理解为分层节点结构(树形图)。
  3.浏览器对象模型(BOM)
       提供与浏览器交互的方法和接口。
       使用 BOM 可以控制浏览器显示的页面以外的部分。
JS的六种数据类型:number、string、boolean、null、undefined、object
object(对象):function、array、date。。。
typeof可以返回的类型:number,string,boolean,object,function,undefined
 
1、输出内容:document.write
2、警告:alert()
3、确认:confirm(),  确定按钮返回true,取消按钮返回false;
4、提问:prompt(txt,txtdef),txt为对话框的title,txtdef为默认输入;确认按钮返回输入字段当前显示的文本,取消按钮返回null;
5、打开新窗口:window.open();
6、关闭窗口:window.close();
7、移动当前窗口:window.moveTo();
8、调整当前窗口大小:window.resizeTo();
5、获取id为p的标签里的内容:content=document.getElementById("p").innerHTML
6、backgroundColor="#fff":背景颜色设置
7、className:object.className得到对象的class
8、removeAttribute("style"):删除指定的属性
9、鼠标事件:onclick; onmouseover; onmouseout; onfocus; onblur; onchange; onload; onunload;onmousedown; onmouseup; onmousemove元素之前要有绝对定位pasition:absolute; 
10、将类型转换为整数型:parseInt();
11、字符串转换成大写:toUpperCase(); 转换为小写:toLowerCase();
12、返回指定位置上的字符串:charAt(index); index的范围在0~string.length-1;
13、indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。indexOf("a"),找不到返回-1;
14、split() 方法将字符串分割为字符串数组:split("")以空格分割;split(".")以.分割;
15、substring() 方法用于提取字符串中介于两个指定下标之间的字符。substring(startposition,stopposition);第一个参数为负值,表示倒数;第二个参数可以省略;
16、slice(start,end);返回数组中下表为start—end-1之间的元素;end参数可以省略;
17、setTimeout()延迟指定时间——clearTimeout();  setInterval()每隔指定时间执行代码——clearInterval();
18、getElementById(); getElementsByName(); getElementsByTagName();  getElementsByClassName()此方法在IE10之前不能用; 其中只有ID是唯一的,返回值只有一个,其他返回值可能为数组。
19、getAtrribute()获取标签的属性。
20、setAtrribute() 设置标签的属性。
21、window.location.reload();刷新当前网页;与setTimeout()函数连用实现自动刷新
22、window.history.forward(); window.history.back(); window.history.go();
23、innerHTML和value的区别:表单内控件的属性用value取输入值;对于DOM的元素,用innerHTML取其内部元素代码。
24、clientX/clientY :获取鼠标在页面可是区域的位置坐标;screenX/screenY:鼠标相对于屏幕的坐标位置;offsetLeft/offsetTop
27、JS中的return、continue和break的区别:return和break两者都可以中断当前的方法,return是中断后返回到该方法调用的地方继续向下执行;break是强制结束循环后,直接转向循环结构之后的语句继续执行;continue是跳过当前,继续执行循环的下个值,并不跳出循环;
28、获取焦点事件:onfocus();   失去焦点事件: onblur()

JS从头开始

标签:

原文地址:http://www.cnblogs.com/telnetzhang/p/5566924.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!