美文网首页javascript基础
js基础之一:js组成,获取元素,事件

js基础之一:js组成,获取元素,事件

作者: 幺七 | 来源:发表于2018-03-02 14:22 被阅读0次

什么是JS:动态页面,做动画,脚本语言,做交互的,操作改变CSS样式的
JS的组成:
ECMAScript:解释器, 语法BOM: 浏览器对象模型 , DOM: 文档对象模型;
onclick: on: 当···的时候 click: 点击; =:赋值,等号右边的值赋给左边;
alert(东西):弹出一个东西
onclick:事件:用户的操作;
document:文档 .:的
document.getElementById('box'):通过ID来获取文档中一个叫做box的元素;静态方法
***事件加给谁:我要操作谁,就加给谁;
***JS操作CSS的时候怎么写:CSS怎么写,JS就怎么写;
***任何标签都可以加事件;
***任何样式都可以修改;
***操作谁就要先获取谁;
***js不仅可以操作样式也可以操作属性
***所有的标签都可以加事件
onmouseover: 鼠标移入时触发;
onmouseout:鼠标移出时触发;
onclick:点击时触发;
函数:
函数定义: function 函数名(){做的事情};
函数的使用[调用]: 函数名();
起名字:不要用汉语拼音,汉字;用英文;
变量:相当于起一个外号;变量的格式:var 变量名=值; 可以重用
id只能通过getElementById来获取
页面只有一个body;即body可以不用id来获取,body可以简写成document.body;
class是JS的一个保留字,不能直接使用,应该写成className;
.style 操作的是行间样式
关于分号:看到等号,后面加个分号
换肤:
1.硬改; 2.改body的className; 3.改link的href;(推荐)
if(条件){
条件成立执行的语句
}else{
条件不成立执行的语句;
}
=:赋值,等号右边的值赋给左边;==:判断,比较;
<!DOCTYPE html>
文档头
标准模式
没有文档头触发怪异模式

相关文章

  • js基础之一:js组成,获取元素,事件

    什么是JS:动态页面,做动画,脚本语言,做交互的,操作改变CSS样式的JS的组成:ECMAScript:解释器, ...

  • JS入门

    JS中如何获取元素 通过ID名称来获取元素 docuemnt.getElementById('link'); 事件...

  • Vue 中获取 DOM 元素问题

    Vue 获取DOM元素 获取元素 template 部分 js 部分 给元素添加事件 需要用到$nextTick ...

  • JS笔记

    JS笔记 js顺序 1,获取标签,元素 2,确定事件 3,具体操作 1, onmouseover="wenzi.s...

  • JS1

    JS笔记 js顺序 1,获取标签,元素 2,确定事件 3,具体操作 1. onmouseover="wenzi.s...

  • Vue

    JS基础 数组操作:定义:items: []添加元素: this.items.push("11")获取元素: th...

  • JavaScript事件

    事件分类 事件的绑定方法 通过标签绑定事件 通过js获取DOM元素绑定事件 通过addEventListener属...

  • JS基础所有知识点

    基础复习笔记 JS效果三要素: 时间 事件 运动轨迹(分步骤来实现先死后活法逐步来) (1)获取元素 : getE...

  • JS基础所有知识点

    基础复习笔记 JS效果三要素:时间事件运动轨迹(分步骤来实现先死后活法逐步来) (1)获取元素 : getElem...

  • JavaScript-全选-不选-反选

    获取行间事件 提取事件 为元素添加事件 1、事件和其他属性一样,可以用JS添加 2...

网友评论

    本文标题:js基础之一:js组成,获取元素,事件

    本文链接:https://www.haomeiwen.com/subject/jhirixtx.html