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基础的主要内容,如果未能解决你的问题,请参考以下文章