WEB前端--JavaScript

1.如果说,HTML是一种结构,CSS是一种表现,那么JavaScript就是一种行为,真真的可以让页面动起来。
2.我是从两个方面来学习JS的,我们要明白一点,JS是用于响应用户操作的。而用户的操作不外乎两个方面。
①打开页面,页面加载。
②对页面中的对象进行操作,通常就是单击操作。
这里就得说一下,js代码要写在那里,以及页面加载问题。
①js代码要写在哪里?具体的内容,可以我编程问题总结那篇博客。
②页面加载也同上。

继续来说上面的问题,对页面中的对象进行单击的时候,我们要获取到这个对象,才能对其进行操作。具体来说有三个方法。
1.document.getElementById();最常用的方法。
2.document.getElementsByTagName();通过标签名来获取对象。
3.document.getElementsByName();通过其name属性来获取对象。

我们要通过这个对象对其他对象来进行操作。
这里要有一个树的概念,来看一张图:
技术分享
这里我们所说的对象,就是DOM对象。
DOM:Document Object Model,文档对象模型。简单来说呢,就是页面上你看到的所有元素,都是DOM中的对象。

还接着上面的,我们通过三个方法获取了DOM对象,通过这个对象,我们可以获得其父子,兄弟,祖先,后代所有的元素节点。这样我们就可以获取到整个页面上所有的对象。

在接下来就是对这些对象的操作,比如获取属性,获取里边的文本内容,设置属性值,设置文本里的内容,在这个对象周围创建,删除,插入对象等等。

我们可以对页面的所有元素为所欲为,这个页面就动起来了(是动,不是动态)。

说了这么多,学习一门语言,还是首先要学习其语法,但是在学习其语法之前,首先要对这个语言有一个了解。JavaScript是一门弱类型语言,要了解它弱在什么地方,然后再开始学习。同时要了解一个规律,一门语言的语法不外乎几个方面,变量的定义,方法的使用,运算符,流程控制,注释等。

JS:
变量的声明:
var a = 1;
var b = “123”;//体现了JS语言的弱,想想Java,你能这样写吗?这就是Java语言是强类型的一个表现之一。
函数的声明:
function fun(){

}
var a = function(){

}//函数也是一个对象

对象的创建:
var obj = new Object();
var obj = {};
->JSON对象:
->var jsonObj = {“key1”:”value1”,”key2”:”value2”};

注释:和Java单行多行注释相同

事件,用户对页面的操作时所触发的一系列变化。如onclick事件

好像说完了,其实这只是开了个头,在开始学习的时候,遇到不会的问题要找w3cschool就可以了,当然实现一些特效还是需要有一定的逻辑思维能力。但是也不用过多的关注JS,再往后我们学习jQuery,有好多东西它都给封装好了,我们直接拿来用就是了。OK,就到这里吧。over,睡觉。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。