JavaScript
CSDN_Alex_
这个作者很懒,什么都没留下…
展开
-
第七章 函数
简介 函数是用来完成特定功能的代码块,可以被调用执行多次,实现复用 分类:内置函数自定义函数2. 内置函数函数名 含义typeof() 判断变量的类型isNaN() 判断参数是否为NaNparseInt() 将数据转换为整数parseFloat() 将数据转换为小数eval() 计算字符串表达式的值,并执行其中的JavaScript代码encodeURI() 使用ISO8859-1对字符串进行编码,每个UTF-8的汉字编码成3个16进制字节,如下: %字节1%字节2%字节3de原创 2021-01-24 21:54:15 · 240 阅读 · 0 评论 -
《JavaScript 入门到进阶》 第六章:JavaScript 数组
1. 简介 数组就是用来存储一组数据的声明一个变量就是在内存空间划出一块合适的空间声明一个数组就是在内存空间划出一串连续的空间 数组的三要素:数组名称:用于区分不同的数组数组元素:向数组中存放的数据元素下标:数组元素的编号,也称为索引,从0开始,通过下标来访问数组元素2. 基本用法 步骤:1.创建数组var 数组名=new Array();1.为数组元素赋值数组名[索引]=元素值;1.获取元素值数组名[索引]定义数组的方式 两种方式:使用ne原创 2021-01-22 21:52:42 · 153 阅读 · 1 评论 -
《JavaScript 入门到进阶》 第五章:JavaScript 程序结构
if选择结构分为:单分支结构、二分支结构、多分支结构、嵌套if结构 语法:if(条件1){ 代码块1 }else if(条件2){ 代码块2}else if(条件3){ 代码块3}...else{ 代码块n }switch结构用来进行等值判断 语法:switch (表达式) { // 表达式为要判断的内容 case 常量1: 代码块1 break; case 常量 2: 代原创 2021-01-21 21:53:11 · 142 阅读 · 0 评论 -
《JavaScript 入门到进阶》 第四章:JavaScript数据类型转换
数据类型转换强制类型转换(显式转换)转换为number1.使用Number()如果内容可以转换成数字,则返回对应的数字(整数或小数)如果内容不可以转换成数字,则返回NaN如果内容为空字符串或null,则返回0如果内容为boolean,则true返回1,false返回0(boolean值在内存中就是以数字来存储,true为1,false为0)2.使用parseInt()将内容转换成整数(直接去掉小数),会从第一个字符开始解析,直到遇到非数字符号停止,并返回已解析的部分数值3.使用pa原创 2021-01-20 21:52:19 · 129 阅读 · 2 评论 -
《JavaScript 入门到进阶》 第三章:JavaScript运算符
第三章:JavaScript运算符算术运算符运算符含义+加-减*乘/除%取余,求模**次方++自增,对原值加1–自减,对原值减1––前缀自增自减和后缀自增自减的区别:前缀自增自减,先进行自增或自减运算,然后再执行表达式后缀自增自减 ,先执行表达式,然后再进行自增或自减运算 Math对象 执行常见的算数任务,用法:Math.方法名(参数) 常用方法:Math.abs(a);原创 2021-01-19 21:30:43 · 94 阅读 · 0 评论 -
《JavaScript 入门到进阶》 第二章:变量和数据类型
变量简介 在程序运行过程中其值可以改变的量,是一个数据存储空间的表示,即给内存空间起别名 将数值通过变量进行存储,以便程序随时使用,通俗点来说,变量就是用来存储数据的 JavaScript是弱变量类型的语言,声明变量只需要使用var关键字 语法:var 变量名=变量值; 命名规则 规则:只能由数字,英文字母,下划线以及$符号组成,但不能以数字开头不能使用 javascript 中的关键字区分大小写通常第一个单词首字母小写,其他单词首字母大写命名规范:驼峰命名法原创 2021-01-18 21:51:00 · 211 阅读 · 0 评论 -
《JavaScript 入门到进阶》 第一章:JavaScript简介
1.什么是JavaScript?由网景公司开发的客户端脚本语言,无需编译,直接运行,简称JS2.JavaScript的作用在客户端动态操作页面在客户端做数据校验在客户端发送异步请求3.Web前端:结构层 HMTL定义页面结构样式层 CSS定义页面样式行为层 JavaScript用来实现交互,提升用户体验输出信息的三种方式alert() 弹出警告框console.log() 输出到浏览器的控制台document.write() 输出到页面注释// 单行注释/*原创 2021-01-17 14:32:20 · 173 阅读 · 1 评论 -
BOM 基础
window 对象常用属性*document 对 Document 对象的只读引用*history 对 History 对象的只读引用*location 用于窗口或框架的 Location 对象Navigator 对 Navigator 对象的只读引用*parent 返回父窗口length 设置或返回窗口中的框架数量Screen 对 Screen 对象的只读引用status 设置窗口状态栏的文本top 返回最顶层的窗口常用窗口alert() 弹出一个带有信息和确认按钮的警告框co原创 2021-01-03 22:00:40 · 89 阅读 · 1 评论 -
JS 事件(三)
鼠标触发事件*mousemove 鼠标移动事件键盘触发事件keypress 键盘按下事件。只能捕获单个字符,包括数字、符号(shift+数字)、字母(包括大小写)keydown 键盘按下事件。能捕获除 PrScrn 外所有的按键文档触发事件*load 加载事件unload 关闭事件。该事件可使用 beforeunload 函数以兼容不同浏览器表单触发事件*focus 获得焦点事件*blur 失去焦点事件*submit 提交事件*change 改变事件。如下拉框选择事原创 2020-12-31 21:50:22 · 63 阅读 · 0 评论 -
JS 事件(二)
鼠标触发事件*mouseover 鼠标移入事件*mouseout 鼠标移出事件mousedown 鼠标按下事件mouseup 鼠标松开事件相关事件属性obj.offsetHeight 获取元素高度(包括元素高度、内边距和边框)obj.offsetWidth 获取元素宽度(包括元素宽度、内边距和边框)obj.offsetTop 获取元素外边距至上方父定位元素(当没有父定位元素时,为窗口)的距离obj.offsetLeft 获取元素左边距至左侧父定位元素(当没有父定位元素时,为窗口)的距原创 2020-12-30 16:32:33 · 65 阅读 · 0 评论 -
JS 事件(一)
事件处理事件源任何一个 HTML 元素(节点)事件触发鼠标:*click 鼠标单击事件dbclick 鼠标双击事件contextmenu 鼠标右键激活文本菜单。return false 可屏蔽鼠标右键事件处理函数使用一个匿名或回调函数作为触发事件后的处理函数添加事件的方法:第一种:<tag on 事件 = "事件处理函数" />第二种:<script>//对象.on 事件 = 事件处理函数//window.onload 事件在文档渲染完成原创 2020-12-29 19:21:14 · 102 阅读 · 0 评论 -
JavaScript 内置对象(下)
Boolean 包装类对象包装类型:int Integer相关方法:toSource() 返回该对象的源代码toString() 将逻辑值转换为字符串,并返回结果valueOf() 返回 Boolean 对象的原始值getDate() 从 Date 对象返回一个月中的某一天(1~31)getDay() 从 Date 对象返回一周中的某一天(0~6)getMonth() 从 Date 对象返回月份(0~11)getFullYear() 从 Date原创 2020-12-28 16:17:54 · 81 阅读 · 0 评论 -
JavaScript 内置对象(上)
Array 数组var arr = new Array();//创建一个空数组 arr = new Array(10);//创建一个数组单元为10个的数组。 arr = new Array(10,20,30);//创建一个指定数组单元的数组。 arr = ['a', '123', 'sc'];//快捷定义一个数组。数组的属性:length 该属性用于获取数组长度数组的方法:toString() 将数组转换为字符串,并返回结果sort() 对数组的元素进行排序join(原创 2020-12-24 17:36:57 · 118 阅读 · 3 评论 -
常见的 JS 操作
HTML 标签(节点)操作document.write() 该方法可向文档中写入 HTML 表达式或 JavaScript 代码document.getElementById("#id名") 该方法可获取带有指定 id 值的元素document.getElementsByTagName("标签名")该方法可获取指定标签类型的所有元素,返回值可使用索引取出,但并不是数组HTML 标签对象的操作labelObject.innerHTML 可设置指定标签对象开始与结束标签之间的文本内容lab原创 2020-12-23 14:55:53 · 138 阅读 · 3 评论 -
内置函数和 JS 对象定义与使用
系统中常用的内置函数escape() 可对字符串进行编码unescape() 可对通过 escape() 编码的字符串进行解码*eval() 计算参数字符串,将其中的 JavaScript 代码执行*isNaN() 检查参数是否非数字值*parseInt() 解析参数,返回整数*parseFloat() 解析参数,返回浮点数JavaScript 对象的定义和使用1.使用构造函数创建内置对象var myObject = new Object(); myObject.nam原创 2020-12-22 10:17:18 · 107 阅读 · 0 评论 -
JavaScript function and variable scope || JavaScript 函数和变量作用域
使用 function语句定义函数 function 函数名(参数1, 参数2, ...){ 函数体... }使用 Function()构造函数定义函数var 函数名 = new Function("参数1", "参数2" ... "函数体")在表达式中定义函数var 函数名 = function(参数1, 参数2, ...){ 函数体... }调用函数函数名(参数1, 参数2, ...);关于变量和参数函数外部定义的变量是原创 2020-12-20 21:24:00 · 77 阅读 · 0 评论 -
JavaScript statement flow control || JavaScript 语句流程控制
JavaScript 语句流程控制判断语句if... 当指定条件为 true 时,执行子语句代码if...else... 当指定条件为 true 时,执行第一条子语句代码。当条件为 false 时,执行第二条子语句代码if...else if...else... 该语句可通过判断,选择多个子语句中对应的子语句来执行情况语句switch 该语句可通过不同的情况选择对应的代码块来执行switch(new Date().getDay()){ case 1: a原创 2020-12-19 17:39:49 · 168 阅读 · 4 评论 -
JavaScript 实现黑客帝国特效 空格:暂停/继续 || JavaScript 实现矩阵下落
矩阵下落<!DOCTYPE html><head> <title>矩阵下落特效</title> <meta charset="utf-8"></head><body><canvas id="q"></canvas><script type="text/javascript" > var s = window.screen; // window..原创 2020-12-18 17:00:27 · 234 阅读 · 2 评论 -
JavaScript 的运算符(二)
JavaScript 的运算符?: 条件运算符(三元运算符)语法:布尔值表达式1?表达式2:表达式3若表达式1的值为 true,则执行表达式2的操作,并以执行结果作为整个表达式的结果若表达式1的值为 false,则执行表达式3的操作,并以执行结果作为整个表达式的结果赋值运算符:=、+=、-=、*=、/=、%=、>>=(右移赋值)、<<=(左移赋值)/*以上除了 "=" 以外的运算符,都能如下拆解*/ (x += y) === (x = x + y);原创 2020-12-18 16:52:40 · 80 阅读 · 1 评论 -
JavaScript 的运算符 (一)
JavaScript 的运算符一元运算符*++增量 / --减量在数值原有的基础上 +1 或 -1一元加法与一元减法对数字无用能将字符串转换为 Number 类型一元加减法功能相似,除此之外,一元减法还会对给定的值求负位运算符not否运算,符号为~,对一个二进制位取反and与运算,符号为&,若两位都为 1 ,则结果为 1 ,否则为 0or或运算,符号为|,若两位都为 0 ,则结果为 0 ,否则为 1xor异或运算,符号为^,若两位不相同,则结果为 1 ,否则为 0<原创 2020-12-17 18:36:51 · 58 阅读 · 0 评论 -
JavaScript Syntax and variable types || JavaScript 语法与变量类型
JavaScript 语法区分大小写如变量名、函数名及其他一切方法、属性等JavaScript 允许不以;来结束一段代码当不使用;时,代码的结束与否是由程序来决定的,当你写的这段代码与程序遵循的规则不符合时,执行结果很可能会不如人意因此推荐使用;来结束一段代码,当您对 JavaScript 的了解足够深入后,可以在需要以;划分段落的时候才使用;脚本注释:// 单行注释/* 多行注释 */{}大括号包括其中的代码表示这是一个代码块变量的定义:用于存储数据值的容器变量需要使用 va原创 2020-12-16 20:18:34 · 80 阅读 · 0 评论 -
What is JavaScript ? || 什么是 JavaScript ?
什么是 JavaScriptJavaScript 是一种客户端脚本语言(脚本语言是一种轻量级的编程语言)JavaScript 通常被导入 HTML 页面中JavaScript 是一种解释性语言。也就是说,代码的执行不需要进行预编译JavaScript 语言中包含三个核心:ECMAScript 基本语法。DOMBOMJavaScript 特点弱类型JavaScript 的变量、参数和返回值可以是任意类型JavaScript 可以向对象添加任意属性和方法基于对象面向对原创 2020-12-15 17:29:14 · 212 阅读 · 1 评论 -
JavaScript Algorithm Reverse a String || JavaScript 算法 翻转字符串
解法1:数组方法split()将字符串分割成数组,reverse()将数组反转,join()把数组合并成字符串function reversestring(str) { return str.split('').reverse().join('');}alert(reversestring('123'));注意:split() 和 join() 不改变原来的字符串或数组,但 reverse() 会改变原来的数组解法2:字符串方法function reversestring(str){原创 2020-12-05 14:04:52 · 96 阅读 · 0 评论 -
JavaScript Algorithm Convert Celsius to Fahrenheit || JavaScript 算法 将摄氏温度转换为华氏温度
function convertToF(celsius) { var fahrenheit = celsius*9/5+32; return fahrenheit;}convertToF(30);解释:摄氏温度转换为华氏温度的算法:以摄氏度乘以9/5,再加上32原创 2020-12-06 10:00:13 · 243 阅读 · 0 评论 -
JavaScript Factorial Algorithm || JavaScript 阶乘算法
阶乘 Factorial Algorithm1.递归function factorial(num) { if(num<0){ return -1 } if(num === 0 || num===1){ return 1; } return num*f(num-1);}factorial(5);2.while 循环function factorial(num){ var result =原创 2020-12-06 17:12:23 · 238 阅读 · 0 评论 -
HTML JavaScript Mouse Right Click Event || HTML JavaScript 鼠标右击事件
code part<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> ul{list-style: none;display: none; position:absolute;} li{background-col原创 2020-11-30 16:50:36 · 498 阅读 · 0 评论 -
HTML JavaScript Double Click Event || HTML JavaScript 鼠标双击事件
code part<!doctype html><html><head> <meta charset="utf-8"> <title>double click event</title> <style> ul{list-style:none;} li{height:50px;background-color:gray;margin:5px;width:100px;原创 2020-11-30 15:50:24 · 418 阅读 · 0 评论 -
HTML JavaScript Mouse Binding Event || HTML 鼠标绑定事件
code part<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><button onclick="tc()">button 1</button><button onclick="tc2()">button 2原创 2020-11-29 20:50:30 · 145 阅读 · 0 评论 -
Random roll call
code part<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实战任务-随机点名</title> <style> #name{ width: 150px; height: 80px; border: 1px solid原创 2020-11-24 21:59:44 · 194 阅读 · 0 评论 -
HMTL+CSS+JavaScript "网页换肤效果"原理展示
要求:点击按钮,网页“皮肤1”变成“皮肤2”实质:点击按钮 替换网页样式HTML代码:CSS代码:皮肤1:皮肤2:JavaScript代码:效果:皮肤1:点击按钮后,样式转换换肤功能原理展示实现更复杂的功能可以在此功能上完善作者微信Siri0768欢迎交流...原创 2019-12-14 22:39:19 · 328 阅读 · 0 评论 -
HTML+CSS+JavaScirpt “创建了一个div,给其设置padding后, 此div内的hr标签无法抵达div左右边框线”的解决方法
“创建了一个div,给其设置padding后, 此div内的hr标签无法抵达div左右边框线”的解决方法问题:创建了一个div,在设置padding(内填充)后, 此div内的hr水平方向无法抵达div左右边框线效果:代码:HMTLCSS解决方法:设置一个最外层div,此div不设置padding或设置padding为0;给其内容进行分块(给每个需要用hr水平线分割的内容分...原创 2019-12-11 19:20:33 · 367 阅读 · 0 评论 -
HTML+CSS+JavaScirpt 鼠标移入修改样式 鼠标移出还原样式
实现功能:鼠标移入修改样式 鼠标移出还原样式例子:原本样式:width:100px;height:100px;background:100px;![在这里插入图片描述](https://img-blog.csdnimg.cn/20191214213133756.png鼠标移入:宽从100变成200;高从100变成200;颜色从红变蓝;(修改样式)鼠标移出:宽从200变成100;高从200...原创 2019-12-14 21:35:53 · 809 阅读 · 0 评论