梅科尔工作室-李庆浩-网页前端7
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相关推荐
- 梅科尔工作室-李庆浩 深度学习 KNN算法与SVM算法
1.KNN与SVM对比分析 1.1算法原理 KNN算法是物以类聚,人以群分,身旁哪个种类最多就把预测的样本归为哪一类,基本原理就是找到距离最近的K个元素,然后将这K个元素进行排列,哪个种类多,就将样本 ...
- 梅科尔工作室-李庆浩 Django笔记
1.Django各模块作用 main.py 用于存放功能类函数 urls.py作为路由,分发功能用,根据路径名,调用相应的视图函数. views.py 保存视图函数 models.py 负责在数据库创 ...
- 梅科尔工作室-李庆浩 深度学习-KNN算法
1.KNN算法介绍 KNN算法全称为(k-Nearest Neighbors),是一种分类算法,是最简单的一个人机器学习的算法,简单来说就是取一个新元素距离最近的K个元素,然后判断哪个类别的元素最多, ...
- 梅科尔工作室-李庆浩 CNN卷积神经网络
1.CNN基本原理 在深度学习中,卷积神经网络(CNN或ConvNet)是一类深度神经网络,最常用于分析视觉图像.卷积神经网络(Convolutional Neural Networks, CNN)是 ...
- 梅科尔工作室-鸿蒙笔记1
梅科尔工作室-于天姿-鸿蒙笔记1 一.主要目录配置文件作用 1.stage模型 其中常用模块为app.json模块,entry模块,module.json模块. app.json5中,icon是应用图 ...
- 梅科尔工作室-Django学习笔记(二次学习)(3)
本次学习的是如何用django实现前端鸿蒙OS登录 下面介绍一下本次的操作过程. 1.首先创立MySQL数据并将数据库导入到django当中 其中:导入数据库的操作: 2.配置urls 对应新建的pe ...
- 梅科尔工作室-DjangoWeb 应用框架+MySQL数据库第五次培训
目录 前言 1.App 登录请求与实现 1.1.views.py连接数据库 1.2.前端编程 1.2.建表(不依赖DJango) 1.3.后端编程 2.效果展示 总结 前言 本文记录梅科尔工作室IoT ...
- 梅科尔工作室-深度学习第五讲 CNN-卷积神经网络
目录 前言 1.计算机视觉 1.1. 计算机视觉分类 2. CNN 3. 卷积层 3.1. 什么是卷积 3.2. 动态卷积操作 4. 池化层 5.激活函数的作用 前言 本文记录梅科尔工作室深度学习培训 ...
- 梅科尔工作室-第一次网页前端培训笔记(HTML常用标签)
学习网址:[优极限] HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili 1.安装编译器 vs hBuilder X等等(本人主 ...
- 梅科尔工作室-第五次网页前端培训(JS,JavaScript)
js学习包括:(*为重点) 基础语法:语句与注释,标识符与关键字,*变量,数据类型,类型转换,运算符,控制语句,*数组,*函数,内置对象,*对象 事件:*事件类型,事件流和事件模型,事件处理程序 BO ...
最新文章
- 再温暖的鸡汤不如一场殊死的战争,诸神之战四赛区冠军出炉!
- python3练习,python3练习题 - 来自菜鸟的独白
- 七十七、 二叉树的层次遍历和最大深度
- 下面哪项属于计算机在教育教学中的应用,东师现代教育技术18秋在线作业2答案...
- 调试利器:浏览器 Logger
- Python深入-Python的内存管理
- UI设计干货素材|教你正确使用浮动按钮
- 计算机网络学习笔记(28. Email消息格式与POP协议)
- 【毕业答辩】别小看毕业答辩PPT,它和你的论文一样重要
- asp得到地址栏里?以后的字串
- Matlab编程基础
- ElementUI之el-input输入不进去解决办法
- 9:用户和权限-步入Linux的现代方法
- python normalize函数_Python Wand normalize()用法及代码示例
- LOGO特训营 第五节 字体结构与设计常用技法
- 大数据与云计算技术周报(第150期)
- IC卡16个扇区简介
- unigui unidbgrid导出Excel
- iOS开发—音视频入门学习必看
- linux操作系统具有哪些特性,Linux系统拥有哪些特性?这些你必须知道!
热门文章
- 楼宇智能化工程设计、施工、验收规范目录
- WS2811是三通道LED驱动控制专用电路彩灯带专用方案开发IC
- java中this有什么作用_Java中this有什么用
- 《计算机网络自顶向下方法第7版》第二章习题解答
- STM8S103硬件I2C的操作注意事项
- GJB 5000B-2021下载-见文章结尾
- linux多人共享桌面,gnome 开远程桌面共享功能(linux启动多个桌面)
- DbgView 无法开启Capture Kernel问题
- 使用Python解二元一次方程组
- linux 命令行修改分辨率,Linux命令行(console)屏幕分辨率调整