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.
可
以
由
字
母
,
数
字
,
,
或
开头 2.可以由字母,数字,_, 或
开头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="值"