1.内置对象

1.1.String

1.charAt(idx) 返回指定位置处的字符

2.indexof 返回指定字符串的位置,从左到右,找不到返回-1

3.substr(m,n)          返回给字符串;中从m位置开始,取n个字符,如果参数n省略,则意味着取到字符串末尾。

4.substring(m,n)         返回给定字符串中从m位置开始,到n位置结束,如果参数n省略,则意味着取到字符串末尾。

5.toLowerCase()        将字符串中的字符全部转化成小写。

6.toUpperCase() 将字符串中的字符全部转化成大写。

7.length 属性,不是方法,返回字符串的长度。

1.2.Math

1.Math.random() 随机数

2.Math.ceil()         向上取整,大于最大整数

3.Math.floor()       向上取整,小于最小整数String

1.3.Date

获取日期:

getYear() 年

getMonth 月

getDate() 日

getHourse() 时

getMinute() 分

getSeconds() 秒

设置日期

setYear()

setMonth()

setDate()

setHourse()

setMinute()

setSeconds(0

toLoacaleString() 转换成本地时间字符串

2.对象

2.1对象的创建

1.字面量形式创建

var 对象名={};        //空对象

var 对象名={

键:值,

键:值,

...

}

2.通过new boject创建

var 对象名=new object() //空对象

3.通过object对象的create方法创建

var 对象名=Object.create(null); // 空对象

var 对象名=Object.create(对象);

2.2对象的操作

1.获取对象的属性

对象名.属性名;

获取存在的属性显示值,获取不存在的属性显示undefined.

console.log(obj1.name);

2.设置对象的属性

对象名.属性名=值;

如果属性存在则修改属性值,如果不存在则提添加属性值;

2.3.对象的序列化和反序列化

序列化:即将JS对象序列化为字符串;

反序列化,即将字符串反序列化为JS对象。JS中通过JSON方法,可以将对象序列化成字符串,也可以将字符串反序列化成对象。

1.序列化:即将JS对象序列化为字符串

var 变量名=JSON.stringify(对象);

2.反序列化,即将字符串反序列化为JS对象。

var 对象名=JSON.parse(JSON字符串);

2.4.this

谁调用函数,this指代谁。

1.直接调用函数,this代表的全局的windows对象

2.调用对象中的函数,this代表的时对象

3.JS事件

3.1作用

1.验证用户输入的数据

2.增加页面的动感效果

3.增强用户的体验度

3.2.事件中的几个名词

1.时间源:给什么元素/标签绑定时间

2.事件名:绑定什么事件

3.事件监听:浏览器窗口

4.执行函数:事件触发后需要执行什么代码

3.3事件类型

JavaScript可以处理的事件类型为:鼠标事件、键盘事件、HEML事件。

Windows事件属性:针对windows对象触发的事件(应用到<body>标签)

Form事件:由html表单内的动作触发的事件(应用到几乎所有HTML元素,但最常用在form元素中)

Keyboard事件:键盘事件

Mouse事件:由鼠标或类似用户动作触发的事件

Media事件:由媒介(比如视频,图像和音频)触发的事件(适用于所有html元素,但常见于媒介元素中,比如<audio>,<embed>,<img>,<object>以及<video>)

几个常用的事件:

onload:当页面或图像加载完后立即触发

onblur:元素失去焦点

onfocus:元素获得焦点

onclick:鼠标点击某个对象

onchage:用户改变域的内容

onmouseover:鼠标移动到某个元素上

onmouseout:鼠标从某个元素上离开

onkeyup:某个键盘的键被松开

onkeydown:某个键盘的键被按下

3.4事件流和事件模型

事件顺序有两种类型:

1.事件捕获:从大到小

2.事件冒泡:从小到大

3.5事件绑定方式

1.HTML事件处理程序

直接在html元素上绑定事件

2.DOM0级事件

先获取事件源,再给事件源绑定事件

不能同时给元素绑定相同事件多次

3.DOM2级事件

事件源.addEventlistener("事件类型",执行函数,true)

梅科尔工作室-李庆浩-网页前端7相关推荐

  1. 梅科尔工作室-李庆浩 深度学习 KNN算法与SVM算法

    1.KNN与SVM对比分析 1.1算法原理 KNN算法是物以类聚,人以群分,身旁哪个种类最多就把预测的样本归为哪一类,基本原理就是找到距离最近的K个元素,然后将这K个元素进行排列,哪个种类多,就将样本 ...

  2. 梅科尔工作室-李庆浩 Django笔记

    1.Django各模块作用 main.py 用于存放功能类函数 urls.py作为路由,分发功能用,根据路径名,调用相应的视图函数. views.py 保存视图函数 models.py 负责在数据库创 ...

  3. 梅科尔工作室-李庆浩 深度学习-KNN算法

    1.KNN算法介绍 KNN算法全称为(k-Nearest Neighbors),是一种分类算法,是最简单的一个人机器学习的算法,简单来说就是取一个新元素距离最近的K个元素,然后判断哪个类别的元素最多, ...

  4. 梅科尔工作室-李庆浩 CNN卷积神经网络

    1.CNN基本原理 在深度学习中,卷积神经网络(CNN或ConvNet)是一类深度神经网络,最常用于分析视觉图像.卷积神经网络(Convolutional Neural Networks, CNN)是 ...

  5. 梅科尔工作室-鸿蒙笔记1

    梅科尔工作室-于天姿-鸿蒙笔记1 一.主要目录配置文件作用 1.stage模型 其中常用模块为app.json模块,entry模块,module.json模块. app.json5中,icon是应用图 ...

  6. 梅科尔工作室-Django学习笔记(二次学习)(3)

    本次学习的是如何用django实现前端鸿蒙OS登录 下面介绍一下本次的操作过程. 1.首先创立MySQL数据并将数据库导入到django当中 其中:导入数据库的操作: 2.配置urls 对应新建的pe ...

  7. 梅科尔工作室-DjangoWeb 应用框架+MySQL数据库第五次培训

    目录 前言 1.App 登录请求与实现 1.1.views.py连接数据库 1.2.前端编程 1.2.建表(不依赖DJango) 1.3.后端编程 2.效果展示 总结 前言 本文记录梅科尔工作室IoT ...

  8. 梅科尔工作室-深度学习第五讲 CNN-卷积神经网络

    目录 前言 1.计算机视觉 1.1. 计算机视觉分类 2. CNN 3. 卷积层 3.1. 什么是卷积 3.2. 动态卷积操作 4. 池化层 5.激活函数的作用 前言 本文记录梅科尔工作室深度学习培训 ...

  9. 梅科尔工作室-第一次网页前端培训笔记(HTML常用标签)

    学习网址:[优极限] HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili 1.安装编译器 vs hBuilder X等等(本人主 ...

  10. 梅科尔工作室-第五次网页前端培训(JS,JavaScript)

    js学习包括:(*为重点) 基础语法:语句与注释,标识符与关键字,*变量,数据类型,类型转换,运算符,控制语句,*数组,*函数,内置对象,*对象 事件:*事件类型,事件流和事件模型,事件处理程序 BO ...

最新文章

  1. 再温暖的鸡汤不如一场殊死的战争,诸神之战四赛区冠军出炉!
  2. python3练习,python3练习题 - 来自菜鸟的独白
  3. 七十七、 二叉树的层次遍历和最大深度
  4. 下面哪项属于计算机在教育教学中的应用,东师现代教育技术18秋在线作业2答案...
  5. 调试利器:浏览器 Logger
  6. Python深入-Python的内存管理
  7. UI设计干货素材|教你正确使用浮动按钮
  8. 计算机网络学习笔记(28. Email消息格式与POP协议)
  9. 【毕业答辩】别小看毕业答辩PPT,它和你的论文一样重要
  10. asp得到地址栏里?以后的字串
  11. Matlab编程基础
  12. ElementUI之el-input输入不进去解决办法
  13. 9:用户和权限-步入Linux的现代方法
  14. python normalize函数_Python Wand normalize()用法及代码示例
  15. LOGO特训营 第五节 字体结构与设计常用技法
  16. 大数据与云计算技术周报(第150期)
  17. IC卡16个扇区简介
  18. unigui unidbgrid导出Excel
  19. iOS开发—音视频入门学习必看
  20. linux操作系统具有哪些特性,Linux系统拥有哪些特性?这些你必须知道!

热门文章

  1. 楼宇智能化工程设计、施工、验收规范目录
  2. WS2811是三通道LED驱动控制专用电路彩灯带专用方案开发IC
  3. java中this有什么作用_Java中this有什么用
  4. 《计算机网络自顶向下方法第7版》第二章习题解答
  5. STM8S103硬件I2C的操作注意事项
  6. GJB 5000B-2021下载-见文章结尾
  7. linux多人共享桌面,gnome 开远程桌面共享功能(linux启动多个桌面)
  8. DbgView 无法开启Capture Kernel问题
  9. 使用Python解二元一次方程组
  10. linux 命令行修改分辨率,Linux命令行(console)屏幕分辨率调整