JavaScript入门、基础语法、变量、逻辑判断

JavaScript组成

ECMAScript，描述了该语言的语法和基本对象。 

文档对象模型（DOM），描述处理网页内容的方法和接口。 

浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

JavaScript主要功能

1.嵌入动态文本于HTML页面。 

2.对浏览器事件做出响应。 

3.读写HTML元素。 

4.在数据被提交到服务器之前验证数据。 

5.检测访客的浏览器信息。   控制cookies，包括创建和修改等。 

6.基于Node.js技术进行服务器端编程。 

JavaScript出现的位置

行间

<input type="button" onclick="alert(1);" value="Click" />

内嵌

<script>
 //这是js代码
</script>

外链js文件

<script src="写入JS的路径"></script>

工作当中运用最多的还是外链的方式，其实根据我们不同的需求，去做不同的处理，灵活运用js三种位置。

JS代码注释

//这是单行注释
/*这是多行注释*/

JS页面中的代码在一般情况下会按从上到下的顺序，从左往右的顺序执行

window.onload=function（）{

}         //页面加载完成，(也就是说所有代码执行过后，才运行window里的代码)

解决代码先后顺序的一个小技巧

变量

变量用于保存数据

使用var关键字

声明                        声明并赋值

var 变量名；             var 变量名=数据；

变量的命名规则

字母，数字，下划线，美元符($) 任意组合而成  不允许数字打头，不允许使用关键字

小驼峰命名(从第二个单词首字母大写)  helloWorld  

大驼峰命名(首字母大写)  HelloWorld

变量的好处

1.可以复用代码

2.可以精简代码

<script>
document.getElementById().style.width="200px";
var Btn=document.getElementById();
</script>

函数

函数的定义

 function 函数名(){

//这里面的代码，是要复用的代码，里面可以放多行代码

}           

函数调用

函数名()

修改标签属性的方式

元素.属性名

 

元素[ ]

 

 获取class内容

---

 innerHTML  获取到的是一个标签对里的所有内容

 

 

 

 

 字符串

数据类型的一种

用一对单引号 或者 双引号 包含的

字符串拼接+

 当加号的任意一边有一个是字符串，那就是连接的意思

获取标签的方法

getElementsByTagName

通过html标签获取一组元素

getElementsByClassName

通过class名获取一组元素

getElementsById

通过id名获取一组元素

querySelector

 

通过css选择器获取一个元素

querySelectorAll

通过css选择器获取一组元素

 

 for循环

 

嵌套