JS从头开始

  • 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()

时间: 2024-08-27 08:22:51

JS从头开始的相关文章

JS从头学

如果定义的变量准备在将来用于保存对象,那么最好将该变量初始化为 null 而不是其他值,这样 一来,只要直接检查 null 值就可以知道相应的变量是否已经保存了一个对象的引用 console.info(typeof null) //object var a=null; if(a!=null){ // } console.info(Number.MAX_VALUE,Number.MIN_VALUE) console.info(Number.MAX_VALUE+Number.MAX_VALUE) /

超棒的30款JS类库和工具

dynamo.js 这是一款使用很便捷的工具,它可以快速容易的创建HTML动态bits,为文本目录添加微妙效果. Smoke.js Smoke.js是一个轻量级且灵活的JS插件,只是用来替代原有的alert而已.它完全由HTML与CSS3构成,所以你能够自己添加样式来表现出个性化. Batman.js 这个框架就像它的名字一样酷——它可以创建丰富高效的单页面浏览器Apps.Batman.js框架利用CoffeeScript或JavaScript来快速构建Web Apps.由于其拥有强大的视图绑定

vue 答案

1. 概述VueJS作为一个前端框架,少不了模板引擎的功能,为了优化模板引擎,Vue会在编译阶段把template转化为render函数,在编译阶段之前(预编译阶段)我们可以定制一些模板引擎的行为,比如文本插入分隔符.指令.过滤器 模板引擎通过Vue的官方文档,我们知道Vue提供的模板引擎的语法有: 插值 1.1. HTML标签的文本内容 1.2. HTML标签的纯HTML内容 1.3. HTML标签的属性内容指令 2.1. 内置的指令有: 2.2. 指令可以带上修饰符过滤器Vue给了我们很大的

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

最近不忙,瞎鼓捣...哈哈 这里利用了H5的本地存储 localStorage,取秒数直接用了php的time()方法,就懒得用js取了. 把第一次访问页面时的时间存在客户端,然后再刷新的时候,比较用户第一次访问的时间和当前刷新时的时间. 这样就可以避免刷新的时候从头计时.当然方法有很多哈哈. <div id='xx'></div><script> var first_access_time = localStorage.getItem("first_acce

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

覆盖物,是一张地图的灵魂.有覆盖物的地图.才是完整的地图.在一张地图上,除了底层的底图(瓦片图,矢量图),控件(有功能可操作的工具).最重要最必不可少的就是覆盖物了.覆盖物有多种.包含.标注.折线.多边形.信息窗体.聚合marker.麻点图和图片覆盖物. 本文会具体介绍每一种覆盖物的概念.加入方法,改动方法.移除方法等.最后会提供演示样例和源码下载. 演示样例demo:http://zhaoziang.com/amap/zero_3_1.html ------------------------

JS正则表达式完整教程(略长)

JS正则表达式完整教程(略长) 引言 亲爱的读者朋友,如果你点开了这篇文章,说明你对正则很感兴趣. 想必你也了解正则的重要性,在我看来正则表达式是衡量程序员水平的一个侧面标准. 关于正则表达式的教程,网上也有很多,相信你也看了一些. 与之不同的是,本文的目的是希望所有认真读完的童鞋们,都有实质性的提高. 本文内容共有七章,用JavaScript语言完整地讨论了正则表达式的方方面面. 如果觉得文章某块儿没有说明白清楚,欢迎留言,能力范围之内,老姚必做详细解答. 具体章节如下: 引言 第一章 正则表

JS操作字符串常用的方法

JS操作String对象的方法 charAt(index):返回指定索引处的字符串charCodeAt(index):返回指定索引处的字符的Unicode的值concat(str1,str2,...):连接多个字符串,返回连接后的字符串的副本fromCharCode():将Unicode值转换成实际的字符串indexOf(str):返回str在父串中第一次出现的位置,若没有则返回-1lastIndexOf(str):返回str在父串中最后一次出现的位置,若没有则返回-1match(regex):

js基础五

string (字符串) 对象的属性及方法,如下 又称为引用类型 大部分是系统自身转换成伪对象,方便 使用这些方法 处理文本字符串 var str = 'hello'; 这里保存的hello是一个字符串,是字符串字面量,就是字面上的意思 console.log(str.length) 这里打印出的长度为5 console.log(str[3]) 打印出来的是hello中第4位的字母l 本身保存的是字符串,在使用的时候会把原始类型的字符串转换成对应的伪对象(伪对象的意思是 存储的是原始类型,转换成

js正则表达式语法

转载自http://blog.csdn.net/zaifendou/article/details/5746988 1. 正则表达式规则 1.1 普通字符 字母.数字.汉字.下划线.以及后边章节中没有特殊定义的标点符号,都是"普通字符".表达式中的普通字符,在匹配一个字符串的时候,匹配与之相同的一个字符. 举例1:表达式 "c",在匹配字符串 "abcde" 时,匹配结果是:成功:匹配到的内容是:"c":匹配到的位置是:开始于