JavaScript学习第一天

javascript学习第一天

1.什么是javascript?

是基于事件和对象驱动的解释性脚本语言
是运行在浏览器上的语言
是世界上最流行的语言
一般用来给页面增加交互性（菜单，轮播图，选项卡……）
2.JavaScript的组成
ECMAScript ——javascript的语法部分
DOM ——Document Object Model 文档对象模型 可以使JavaScript操作HTML和css
BOM——Browser Object Model 浏览器对象模型

注意：ES与JS的区别与联系？
ES是JS的标准，JS是ES的实现

3.使用JavaScript
(1)通过script标签引入

<script src="js文件路径"></script>

(2)在script标签中声明

<script>
	alert("hello world");
</script>

(3)嵌入到HTML标签中

<button onclick="alert('hi')">点我</button>

(4)JavaScript可以存在于页面的任何位置
语法规则：
1.严格却分大小写
2.字符都是英文半角
3.换行，空格，缩进 不敏感（建议一条语句占一行，每一行代码后要加分号）

4.变量
(1)定义变量
使用var关键字来声明（定义）变量

var 变量名

(2)变量名的命名规则
1.变量名以字母，_,或$开头2.可以由字母，数字{，}_{,}或$组成
3.不能使用关键字和保留字
4.使用驼峰命名法—见名知意
5.变量不能重名
(3)变量的使用

变量名=值;		//赋值

//定义单个变量
var a;	//先定义再赋值
a=10;

//定义同时即赋值(初始化)
var b=20;

//同时定义多个变量
var num1,num2,num3;

//定义多个变量，初始化
var age1=20,age2=100,age3;

//连等写法
var a = b = c = 1;
console.log(a,b,c);

注意：变量先定义后使用
5.js操作页面内容
(1)取出输入框的内容

对象.value

(2)设置输入框的内容

对象.value=值;

(3)闭合标签的内容获取和设置
innerHTML
innerText

            // console.log(o.innerHTML);//取出内容
            // o.innerHTML='呵呵呵，我是新来的';

            console.log(o.innerText);
            o.innerText='呵呵呵，我是text';

注意：
innerHTML可以支持HTML标签
innerText不支持标签（原样显示）
6.js操作属性
(1)取值

对象.属性名

(2)赋值

对象.属性名=值；

7.js操作样式

//用法：
对象.style.样式名

//示例：
对象.style.width="200px";
对象.style.fontSize="18px";//  变形  去掉-,从第二个单词开始，首字母大写    font-size   background-color  等....


//直接修改style或者 style.cssText 都是覆盖效果
o.style='值';
o.style.cssText="值"