• 2019-06-09 Java学习日记之JS


    javascript概述:

    javascript是一种直译式脚本语言

    什么是脚本语言?

      java源代码  -------> 编译成.class文件  -------> java虚拟机中才能执行

      脚本语言:  源码   ------->  解释执行

      js由我们的浏览器来来解释执行

    HTML:决定了页面的框架

    CSS:用来美化我们的页面

    JS:提供用户的交互

    JS的组成:

     ECMASciprt:核心部分,定义js的语法规范

    DOM:document Object Model 文档对象模型,主要是用来管理页面的

    BOM:Browser Object Model  浏览器对象模型,前进,后退,页面刷新,地址栏,历史记录,屏幕宽高

    JS的语法:

    变量弱类型:var i = true

    区分大小写

    语句结束后的分号,可以有,也可以没有

    写在script标签

    JS的数据类型:

    基本类型

      string

      number

      boolean

      undefined

      null

    引用类型

      对象,内置对象

    类型转换

      js内部自动转换

    JS的运算符和语句:

    运算符和java一样

      “===” 全等号:值和类型都必须相等

      ==  值相等就行

    语句和java一样

    JS的输出:

      alert()   直接弹框

      document.write()0  向页面输出

      console.log()  想控制台输出

      innerHTML:  想页面输出

    获取页面元素:document.getElementById(“id的名称”);

    JS声明变量:

      var 变量的名称 =  变量的值

    JS声明函数:

      var 函数的名称  =  function(){

      }

      function 函数的名称(){

      }

    JS的开发步骤:

    1、确定事件

    2、通常事件都会发出一个函数

    3、函数里面通常都会去操作页面元素,做一些交互动作

    JS中的常用事件:

    onfocus  事件:获得焦点事件

    onblur :失去焦点

    onkeyuo:案件抬起事件

    定时器:

      setInterval(“test()”,3000)  每隔多少毫秒执行一次函数

      setTimeout(“test()”,3000)  多少毫秒之后执行一次函数

      timerID  上面定时器调用之后

      clearInterval()

      clearTimeout()

    HTML中的DOM操作:

      一些常用的HTML DOM方法:

        getElementById(id)  获取带有指定id的节点(元素)

        appendChild(node)  插入新的子节点(元素)

        removeChild(node)  删除子节点(元素)

      一些常用的 HTML  DOM  属性:

        innerHTML  节点(元素)的文本值

        parentNode  节点(元素)的父节点

        childNodes  节点(元素)的子节点

        attributes  节点(元素)的属性节点

    查找节点:

    getElementById()返回带有指定ID的元素

    getElementByTagName()返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)

    getElementByClassName()返回包含带有指定类名的所有元素的节点列表

    增加节点:

    creatAttribute()创建属性节点

    createElement()创建元素节点

    createTextNode()创建文本节点

    insertBefore()在指定的子节点前面插入新的子节点

    appendChild()把新的子节点添加到指定节点

    删除节点:

    removeChild()删除子节点

    replaceChild()替换子节点

    修改节点:

    setSttribute()修改属性

    setAttributeNode()修改属性节点

  • 相关阅读:
    2018-2019-2 20165325 网络对抗技术 Exp4 恶意代码分析
    2018-2019-2 网络对抗技术 20165325 Exp3 免杀原理与实践
    2018-2019-2 网络对抗技术 20165325 Exp2 后门原理与实践
    2018-2019-2 网络对抗技术 20165325 Exp1 PC平台逆向破解
    20165315 2018-2019-2 《网络对抗技术》Exp0 Kali安装 Week1
    2018-2019-1 20165226_20165310_20165315 实验五 通讯协议设计
    2018-2019-120165226_20165310_20165315 实验四 外设驱动程序设计
    2018-2019-1 20165315 实验三 实时系统
    2018-2019-1 20165226 20165310 20165315 实验二 固件程序设计
    20165315 第八周考试课下补做
  • 原文地址:https://www.cnblogs.com/clqbolg/p/11003907.html
Copyright © 2020-2023  润新知