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

  • 相关阅读:
    微博那点事(2)
    微博那点事(1)
    Netty断线重连
    高效沟通技巧
    Latex 公式在线可视化编辑器
    RPC框架原理与实现
    Java 静态代理与动态代理
    程序员主管之路(1)
    MarkDown 常用语法教程
    Solr vs. Elasticsearch谁是开源搜索引擎王者
  • 原文地址:https://www.cnblogs.com/xuanlv-0413/p/9301517.html
Copyright © 2020-2023  润新知