JavaScript基础

Posted 蓝色玛格丽特

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript基础相关的知识,希望对你有一定的参考价值。

前言:

javascript是一门动态、弱类型的脚本语言。

(一).作用:

(1).页面特效。(2).前后交互。(3).后台开发(node)

(二).Java和JavaScript之间什么关系?雷锋和雷峰塔一样的关系,老婆和老婆饼一样的关系。压根没有关系,最多语法看起来有点像。

(三).写在哪儿

(1).<script></script>标签里

(2).外部的js文件。注意:在引入外部js文件的<script src="js/name.js"></script>标签中,不可以再写js代码了。

(四).注意事项

(1).严格区分大小写。(2).每一行完整语句后面要加分号。(3).变量命名不能使用关键字和保留字。(4).代码要缩进,保持可读性。

 

一、JS修改元素内容

步骤:获取元素 -> 修改元素内容

(一).JS获取元素

(1).id

document.getElementById("");通过id获取元素。只得到第一个匹配到id的元素。

(2).class

document.getElementsByClassName("");通过class获取元素。得到的是一个类似数组的集合。

(3).tagName

document.getElementsByTagName("");通过标签名获取元素。得到的是一个类似数组的集合。

(4).name

document.getElementsByName("");通过name的属性获取元素,一般用于input。得到的是一个类似数组的集合。

(5).selector

document.querySelector("css选择器");通过css选择器,获取到一个。

(6).selector

document.querySelectorAll("css选择器");通过css选择器,获取所有。

(二).JS修改样式

 

二、JS的基础事件

(一).window.onload = function () {};

当页面全部加载完毕后,执行的js代码。注意:一个页面只能有一个window.onload

(二).onclick单击事件

(三).ondblclick双击事件

(四).onmouseenter鼠标划入

(五).onmouseleave鼠标划出

(六).onresize窗口变化

(七).onchange改变下拉框

 

三、数据类型

(一).string字符串

(二).number数字

(三).boolean布尔

(四).undefined未定义

(五).null空

(六).object对象

 

四、操作符

(一).算术运算符

+ - * / % ++ --

(二).赋值运算符

= += -= *= /=

(三).比较运算符

> >= < <= == ===

(四).逻辑运算符

&&(与) ||(或) !(非)

(五).在以下进行判断的时候为假

1.0  2.null  3.undefined  4.NaN  5.\'\'  6.false

 

五、控制流程

 

六、循环

(一).for (;;) {}

(二).while (条件) {}

(三).do {} while ()

 

以上是关于JavaScript基础的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 基础

前端基础-JavaScript的基本概述和语法

JavaScript基础入门总结目录

JavaScript基础

前端基础之JavaScript

Javascript.01 -- Javascript基础