JavaScript基础

标签：font   动态   rip   一个   elements   sel   cto   .class   完整   

前言：

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

改变下拉框

JavaScript基础

标签：font   动态   rip   一个   elements   sel   cto   .class   完整   

原文地址：https://www.cnblogs.com/quanquan616/p/8998202.html