首页 > 其他分享 >JS常用知识点总结

JS常用知识点总结

时间:2024-03-14 21:29:59浏览次数:21  
标签:总结 知识点 浏览器 JavaScript JS 字符串 window HTML var

JS知识点总结

一:什么是JavaScript?

   JavaScript是一种流行的脚本语言,是一种轻量级的脚本语言。

  1. JavaScript可以实现的功能:
  1. 直接写入HTML的输出流;比如:documen.write
  2. 实现对事件的反应;比如:click
  3. 改变HTML的内容;比如:innnerHTML
  4. 改变HTML的图像
  5. 改变HTNL的样式;比如:x.style.color
  6. 用于验证输入

二:JavaScript的使用:

1.JavaScript的输出:

  1. window.alert():弹出警告框
  2. document.write():把内容写入到HTML文档中 //如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖.
  3. innerHTML():写入到HTML元素
  4. Console.log():将结果打印到浏览器控制台
  1. JavaScript的注释:
  1. 单行注释://
  2. 多行注释:以/*开头  以*/结尾
  1. 声明变量:
  1. 全局变量:var
  2. 局部变量:let
  3. 一次声明多个变量:以var开头,变量之间以逗号隔开,比如:var a,b,c =10;
  1. JavaScript数据类型:
  1. 字符串:使用单引号或者双引号括起来
  2. 数字:可以带小数点,也可以不带
  3. 布尔:true或者false
  4. 数组:三种创建方式:

  var cars=new Array();

var cars=new Array("Saab","Volvo","BMW");

var cars=new Array("Saab","Volvo","BMW");

  1. NULL 和UNDIFINED
  1. 对象
  1. 创建对象:可以使用字符来定义和创建 JavaScript 对象

     var student={name:”zhangsan”,age:”10”}

  1. 对象属性:通常认为 "JavaScript 对象是键值对的容器"。键值对通常写法为 name : value (键与值以冒号分割)。
  1. 函数
  1. 语法:

function functionname()

{

    // 执行代码

}

  1. 调用带参数的函数:function myFunction(var1,var2){代码}
  2. 带有返回值的函数:function myFunction(){var x=5;return x;}
  1. 常见的事件
  1. onchange:HTML 元素改变
  2. onclick:用户点击 HTML 元素
  3. onmouseover:鼠标指针移动到指定的元素上时发生
  4. onmouseout:用户从一个 HTML 元素上移开鼠标时发生
  5. onkeydown:用户按下键盘按键
  6. onload:浏览器已完成页面的加载
  1. 字符串的常用方法:
  1. charAt():返回指定索引位置的字符
  2. concat():连接两个或多个字符串,返回连接后的字符串
  3. match():匹配正则表达式
  4. slice():提取字符串的片断,并在新的字符串中返回被提取的部分
  1. 运算符:

与java类似,特别的“===”是内容和数据类型都相同。

  1. 条件语句:

和java差不多

  1. 类型转换:
  1. String()可以将数字类型转化为字符串;Number的toString()也有同样的效果。
  2. 解析一个字符串,返回一个整数:parseInt()
  3. 布尔值转化为数字Number(false)
  1. 正则表达式

/正则表达式语句/

  1. 表单

表单自动提交验证:required属性

  1. this关键字
  • JS函数
  1. Function()构造函数
  2. 自调用函数

四 .DOM

  1. Window方法
  1. window.open() - 打开新窗口
  2. window.close() - 关闭当前窗口
  3. window.moveTo() - 移动当前窗口
  4. window.resizeTo() - 调整当前窗口的尺寸
  1. window History
  1. history.back() - 与在浏览器点击后退按钮相同
  2. history.forward() - 与在浏览器中点击向前按钮相同
  3. Window history.back()方法加载历史列表中的前一个 URL
  1. 计时
  1. setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
  2. setTimeout() - 在指定的毫秒数后执行指定代码。
  3. clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。

标签:总结,知识点,浏览器,JavaScript,JS,字符串,window,HTML,var
From: https://blog.csdn.net/weixin_56397668/article/details/136722507

相关文章

  • LeetCode题练习与总结:搜索旋转排序数组
    一、题目整数数组nums按升序排列,数组中的值互不相同。在传递给函数之前,nums在预先未知的某个下标k(0<=k<nums.length)上进行了旋转,使数组变为[nums[k],nums[k+1],...,nums[n-1],nums[0],nums[1],...,nums[k-1]](下标从0开始计数)。例如,[0,1,2,4,5,6,7]......
  • LeetCode题练习与总结:在排序数组中查找元素的第一个和最后一个位置
    一、题目给你一个按照非递减顺序排列的整数数组nums,和一个目标值target。请你找出给定目标值在数组中的开始位置和结束位置。如果数组中不存在目标值target,返回 [-1,-1]。你必须设计并实现时间复杂度为 O(logn) 的算法解决此问题。二、解题思路1.查找起始位置:使......
  • Node.js毕业设计本科生外出请假管理信息系统(Express)
    本系统(程序+源码)带文档lw万字以上  文末可获取本课题的源码和程序系统程序文件列表系统的选题背景和意义选题背景:随着信息技术的飞速发展,越来越多的教育机构开始意识到信息化管理在教育管理中的重要性。传统的请假管理方式主要依赖于手工操作,效率低下且容易出错。为了提......
  • Node.js毕业设计本科生考勤与考核管理信息系统(Express)
    本系统(程序+源码)带文档lw万字以上  文末可获取本课题的源码和程序系统程序文件列表系统的选题背景和意义选题背景:随着信息技术的飞速发展,教育管理逐渐向数字化、智能化方向迈进。本科生考勤与考核管理信息系统作为高校教学管理的重要组成部分,其信息化水平的提升对于提高......
  • Node.js毕业设计本科培训班学员信息管理系统(Express)
    本系统(程序+源码)带文档lw万字以上  文末可获取本课题的源码和程序系统程序文件列表系统的选题背景和意义选题背景:随着信息技术的快速发展,教育培训机构的管理方式也在逐渐转变。传统的纸质记录和电话沟通方式已经无法满足现代教育培训机构的需求。因此,一个高效、便捷的本......
  • JS(一)变量与常量,作用域
    JS(一)变量与常量,作用域一变量与常量在JavaScript中,关于变量声明有三种方式:var、let和const,它们之间有一些区别。01var存在变量提升的问题,即变量可以在声明之前被访问。没有块级作用域,只有全局作用域和函数作用域。varnum=0;console.log(num);//输出:0varnum;......
  • JS(二)数据类型,流程控制
    JS(二)数据类型,流程控制一数据类型将数据类型分为基础数据类型和引用数据类型。01基础数据类型包括:Number、NaN、String、undefined和Boolean。Number:表示数字类型,可以包含整型值和浮点型值。NaN:表示非数字类型,当数学计算过程中出现非Number类型时,计算结果为NaN。String......
  • 代码随想录算法训练营第四十六天| 139.单词拆分 多重背包 背包问题总结篇!
    单词拆分 题目链接:139.单词拆分-力扣(LeetCode)思路:竟然真能转化为背包问题。classSolution{public:boolwordBreak(strings,vector<string>&wordDict){unordered_set<string>t(wordDict.begin(),wordDict.end());vector<bool>dp(s.size()+......
  • JS:随机点名综合案例
    需求:1、随机点名2、不能重复出现已经被抽取的名字3、当剩下最后一个人的名字时不再抽取部分html代码:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0......
  • PHP反序列化总结
    0x01.前言本文首发于先知:https://xz.aliyun.com/t/12507。花些时间把四种常见的php反序列化总结了一遍,各自都找了简单示例和例题,参考了一些师傅的链接加上自己的理解,参考链接放在文末0x02.反序列化是什么说到反序列化,经常会想到serialize(),unserialize()这两个函数。我看到......