• 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 ()

  • 相关阅读:
    1.1下载
    【翻译】培训提示:解决常见编码问题的简单技巧
    小猪的Git使用总结
    Singleton单例模式是最简单的设计模式,它的主要作用是保证在程序执行生命周期中,使用了单类模式的类仅仅能有一个实例对象存在。
    springweb flux 编程模型
    java aop做一个接口耗时的计算
    mysql保留两位小数
    在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程
    Windows下编译使用Aliyun OSS PHP SDK
    windows下Gulp入门详细教程 &&gulp安装失败的原因(红色)
  • 原文地址:https://www.cnblogs.com/quanquan616/p/8998202.html
Copyright © 2020-2023  润新知