• 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从头开始的更多相关文章

  1. 【转】Angular.js VS. Ember.js:谁将成为Web开发的新宠?

    本文源自于Quora网站的一个问题,作者称最近一直在为一个新的Rails项目寻找一个JavaScript框架,通过筛选,最终纠结于 Angular.js和 Ember.js. 这个问题获得了大量的关注 ...

  2. quora 中有关angular与emberjs的精彩辩论

    原贴地址,要注册才能看,这里只有国人翻译的一部分内容 本文源自于Quora网站的一个问题,作者称最近一直在为一个新的Rails项目寻找一个JavaScript框架,通过筛选,最终纠结于Angular. ...

  3. Vue 2.0 学习路线

    「 Vue很难学吗 」 对于我这种从0.x版本就开始体验 vuejs 的人来说,当然不算难,那时候没各种脚手架和复杂搭配,仅仅是一个mvvm的解决方案库而已,解决了jq带来的繁琐操作dom痛点,所以就 ...

  4. 从头开始写框架(一):浅谈JS模块化发展

    博客申请下来已经过去一个月了,一直不知道写点什么,毕竟我的文笔不是很好orz. 不过既然申请下来了,不写点什么总是觉得很可惜.正好最近在自己写框架,就把自己的进程和一些心得体会分享出来吧. 写在前面: ...

  5. js倒计时,页面刷新时,不会从头计时

    最近不忙,瞎鼓捣...哈哈 这里利用了H5的本地存储 localStorage,取秒数直接用了php的time()方法,就懒得用js取了. 把第一次访问页面时的时间存在客户端,然后再刷新的时候,比较用 ...

  6. chosen.jquery.js 搜索框只能从头匹配的解决思路+方法

    chosen.jquery.js 搜索框只能从头匹配的解决思路+方法 心急者请直接看下方 总结 ,由于本问题未能找到直接答案,所以只能通过修改源码解决.故将修改源码思路贴出来供大家参考,在遇到其他改源 ...

  7. 【高德地图API】从头德国高中生JS API(三)覆盖物——大喊|折线|多边形|信息表|聚合marker|点蚀图|照片覆盖

    覆盖物,是一张地图的灵魂.有覆盖物的地图.才是完整的地图.在一张地图上,除了底层的底图(瓦片图,矢量图),控件(有功能可操作的工具).最重要最必不可少的就是覆盖物了.覆盖物有多种.包含.标注.折线.多 ...

  8. js随机数 从头开始系列

    js要常常写啊要不然就要从0开始 1 var num = Math.random(); //创建一个0-1随机数字 num*=10 //变为0-10随机数字 //有好几种取整方式 var i = Ma ...

  9. 前端自学路线之js篇

    上一篇我们讲了前端切图的学习路线,不知大家有没有收获.今天来聊聊前端工程师的核心技能之——JavaScript.js这门语言看似简单,但要做到入门.熟练以至于架构的程度,还是有一段路要走的,今天就来聊 ...

随机推荐

  1. CF 103E Buying Sets 最大权闭合子图,匹配 难度:4

    http://codeforces.com/problemset/problem/103/E 这道题首先一看就很像是最大权闭合子图,但是我们可以认为现在有两种点,数字和集合点,我们需要消除数字点的影响 ...

  2. PowerShell工具脚本---按行数切割大文本文件

    我编写的PowerShell工具脚本,[按行数切割大(文本)文件],生成n个小文件. 主要目的是为了能够让excel快速处理.或用脚本并发处理文本. 注意: 1 如果有必要,你可以先用其他工具,把大文 ...

  3. JS小问题总结

    1. 超链接中href=#与href=javascript:void(0) 的区别  #包含了一个位置信息.默认的锚是#top 也就是网页的上端:而javascript:void(0)   仅仅表示一 ...

  4. python3控制路由器--使用requests重启极路由.py

    代码写了相应的注释,以后再写成可以方便调用的模块. 用fiddler抓包可以看到很多HTTP头,经过尝试发现不是都必须的. 'Upgrade-Insecure-Requests':1,#必要项,值为1 ...

  5. 《java中局部变量和成员变量的区别》

    class Car { String color; int number; void run() { System.out.println(color+"::"+number); ...

  6. SVG 2D入门9 - 蒙板

    SVG支持的蒙板 SVG支持多种蒙板特效,使用这些特性,我们可以做出很多很炫的效果.至于中文中把mask叫做"蒙板"还是"遮罩"就不去区分了,这里都叫做蒙板吧. ...

  7. UIkit框架之UIalert(iOS 9之后就不用这个了)

    IOS中UIAlertView(警告框)常用方法总结 一.初始化方法 - (instancetype)initWithTitle:(NSString *)title message:(NSString ...

  8. BZOJ 4027 兔子与樱花

    原来想的是给所有点排序....但是要修改啊...然后发现对于儿子排序就可以了. #include<iostream> #include<cstdio> #include< ...

  9. 我与python3擦肩而过(三)—— 我去。。又是编码问题——urllib.parse.unquote

    记得初学python时就学的爬虫,经常遇到编码问题(其实在python3里面编码问题已经很少了...),用requests库就挺方便解决这些问题的.近来有共同学习python的程序员写了个电子书网站, ...

  10. 后序/中序--->前序

    preOrder 5 3 2 4 8 6 9   midOrder 2 3 4 5 6 8 9  postOrder 2 4 3 6 9 8 5 #include <iostream> # ...