![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
JavaScript 是 Web 的编程语言。
李传海
这个作者很懒,什么都没留下…
展开
-
JavaScript的中常用的运算符
1、+:既是字符串运算符又是加法运算符,在进行变量的运算时取决于变量的类型。数字字符串和数值相加时,数值自动转为字符串再运算;想减时,字符串自动转为数值再运算。2、==和===区别(!=和!==区别相同)==:先进行类型转换,再比较类型和值。(值相等,类型不同,则为true)===:不进行类型转换,比较类型和值。(值相等,类型相同,才为true)3、关系运算符也可以比较字符串,规则是按照字母的...原创 2020-05-27 22:05:05 · 82 阅读 · 0 评论 -
JavaScript数据类型的分类 各数据类型的取值、特点和用法
数据类型 JavaScript是弱类型脚本语言,使用变量之前,无须定义,想使用某个变量时直接使用即可,JavaScript会根据需要自动确定数据类型和进行数据类型的转换,但每个变量还是要确定数据类型的。 JavaScript中数据类型基本数据类型(简单数据类型)和复合数据类型(复杂数据类型)两类,不同大类下面又有自己的小类,如下表:1、typeof操作符:用来检测给定变量的数据类型...原创 2020-05-27 22:05:08 · 247 阅读 · 0 评论 -
JavaScript中关于大小写、标识符、注释、语句等用法
1、区分大小写: JavaScript中的变量、函数名和操作符都区分大小写,关键字不能做变量或函数名字。所以,test和Test是两个变量,typeof因是关键字所以不能是函数名或者变量名。 2、标识符: 就是变量、函数、属性、函数的参数等。规定: (1)第一个字符必须是字母、下划线(_)、美元符号($)。 (2)其他字符可以是字母、下划线、美元符号或数字。 3、注...原创 2020-05-27 22:05:09 · 714 阅读 · 0 评论 -
JavaScript中的流程控制结构:顺序、选择、循环
一、流程控制: 1、选择结构:if 、switch 2、循环结构:while 、do while、for、for in 3、终止循环:break、continue注:用法和我们学习过的C、PHP语言中相同,不再赘述。 关于for in: 作用:(1)遍历数组中的所有数组元素 (2)遍历JavaScript对象的所有属性...原创 2020-05-28 16:05:03 · 117 阅读 · 0 评论 -
Java Script 日期类的定义和常用方法的使用
一、定义日期对象 1、说明:(1)与日期相关的运算被封装在Date类中,使用该类的方法和属性可以获取客户端操作系统的日期和时间值。 (2)要调用Date类的方法(注:Date类没有自己的属性),首先必须使用构造器创建一个Dete类的实例。2、定义方式(1)定义获取当前系统日期时间的对象: var nowDate=new Date();(2)定义参数为毫秒数的日期时间对...原创 2020-06-04 08:06:19 · 441 阅读 · 0 评论 -
Java Script 中Math类中的常用属性的用法
一、说明:1、Math 类用于执行数学任务。2、Math类不需要创建,而直接使用。Math类的所有属性和方法都是静态的,只需使用语法“Math.方法名(参数)”或“Math.常量名”来调用即可,不需要实例化。3、使用: var pi_value=Math.PI; var sqrt_value=Math.sqrt(15);的方式访问其中的常量或方法。二、Math 的属...原创 2020-05-29 18:05:38 · 240 阅读 · 0 评论 -
JavaScript中变量的定义方式和作用范围
一、变量:JavaScript的变量是松散类型的,所谓松散类型是可以用来保存任何类型的数据;并且一个变量的值类型是可变的。1、定义方式:A、使用var操作符(关键字),后跟变量名的形式。B、不适用var关键字,使用时直接赋初值。【不推荐】2、作用范围:根据范围不同,变量分为:全局变量和局部变量。函数外边直接定义的变量称为全局变量,函数内部定义的变量称为局部变量。如:注:JavaScript中函...原创 2020-05-27 22:05:16 · 457 阅读 · 0 评论 -
Java Script 字符串的创建方式
字符串类(String)String类是字符串类型(String)的封装类,它允许用户使用String类的方法和属性操作操作初始的字符串类型值(或说:字符串可以直接使用String类中的属性和方法) 【明白这句话特别重要,因为其他的基本数据类型也都有相应的包装类,这些类型值(如果有)也可以直接操作包装类的属性或者方法,比如Boolean类、Number类和String类,另外复合类型也...原创 2020-05-28 17:05:00 · 201 阅读 · 0 评论 -
Java Script 数组类常用方法
常用方法:原创 2020-06-05 13:06:32 · 95 阅读 · 0 评论 -
Java Script 函数的声明 调用方式
函数: 1、定义函数的方式(2种): A、定义命名函数 格式: function funcName(参数值){ //函数体 } 比如: function sayHi(name,message){ alert(“hello”+name+...原创 2020-05-28 17:05:03 · 421 阅读 · 0 评论 -
JavaScript 弹窗弹出图片
示例:<scripttype="text/javascript">/**弹出DIV层*/functionshowDiv(){varIdiv=document.getElementById("Idiv");varmou_head=document.getElementById('mou_head');Idiv.style.d...原创 2020-05-27 23:05:18 · 2166 阅读 · 1 评论 -
Java Script 数组类的实例化方式
一、说明: Array 对象用于在单个的变量中存储多个值。 二、创建数组的3种方式: 1、实例化一个长度为0的数组: var arr= new Array(); 示例: //声明一个长度为0的数组myArr。 var...原创 2020-06-05 13:06:44 · 732 阅读 · 0 评论 -
使用 MIDI.js 播放mid音乐文件
<!DOCTYPEhtml><html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>MIDI.jsTest</title> <scripttype='te...原创 2020-05-27 09:05:26 · 1864 阅读 · 1 评论 -
定义和使用JavaScript方式
1、定义方式(1)嵌入HTML文件中一般放在<head></head>(事实上可以放在任何位置)中,格式:<scripttype="text/javascript">//此处为JavaScript代码</script...原创 2020-05-27 22:05:10 · 83 阅读 · 0 评论 -
JavaScript发展历史
1、1995年2月,就职于NetScape公司 布兰登 艾奇,开发一种名为LiveScript的脚本语言,为了赶在发布日期前完成LiveScript的开发,NetScape与Sun公司建立了一个开发联盟。为了搭上媒体热炒的Java的顺风车(当时Java已经很火),临时把LiveScript改名为JavaScript(1.0)。2、此时,微软在其Internet Explorer 3中加入了名为...原创 2020-05-27 22:05:52 · 221 阅读 · 0 评论 -
JavaScript开发及运行环境
1、开发环境: JavaScript是一种脚本语言,代码不需要变异成二进制,而是以文本的形式存在,因此任何文本编辑器都可以作为其开发环境,比如记事本(虽然很少人使用)、EditPlus、Ultra Edit(UE)、Dreamweaver等。 2、运行环境: JavaScript依赖于浏览器,即浏览器是JavaScript的运行环境。当前主流浏览器都能...原创 2020-05-27 22:05:59 · 1775 阅读 · 0 评论 -
JavaScript是什么?
JavaScript是一种基于对象(内置了许多对象)和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。【知识扩充】 客户端脚本语言: 不同于服务器端脚本语言,例如PHP与ASP,JavaScript是客户端脚本语言,也就是说JavaScript是在用户的浏览器上运行,不需要...原创 2020-05-27 22:05:12 · 621 阅读 · 0 评论 -
Java Script 数组类常用方法sort()的使用
sort() :用于对数组的元素进行排序。注意:数组在原数组上进行排序,不生成副本。原创 2020-06-05 14:06:16 · 222 阅读 · 0 评论 -
Java Script 数组类常用方法join()的使用
join() :用于把数组中的所有元素放入一个字符串。语法:arrayObject.join(separator)示例:结果:注意使用该函数分割后变成字符串了原创 2020-06-05 14:06:19 · 189 阅读 · 0 评论 -
Java Script self 属性的用法
self 属性可返回对窗口自身的只读引用。等价于 Window 属性。window.self 其实就等于 window示例:判断一个窗口是否在一个框架中,如果是,则跳出框架原创 2020-06-06 23:06:47 · 162 阅读 · 0 评论 -
Java Script screen对象中属性和方法的用法
三、screen对象 说明:1、Screen 对象包含有关客户端显示屏幕的信息。它提供了屏幕大小、分辨率和颜色深度等信息。 2、每个 Window 对象的 screen 属性都引用一个 Screen 对象。所以使用window.screen属性可翻译screen对象。Screen 对象中存放着有关显示浏览器屏幕的信息。 JavaScript 程序将利用这些信息来优化它们的输...原创 2020-06-10 07:06:10 · 272 阅读 · 0 评论 -
Java Script 数组类常用方法reverse()的使用
reverse():用于颠倒数组中元素的顺序。注意:该方法会改变原来的数组,而不会创建新的数组。原创 2020-06-05 14:06:51 · 238 阅读 · 0 评论 -
Java Script document对象集合、属性的用法
Document 对象 1、每个载入浏览器的 HTML 文档都会成为 Document 对象。 2、Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 3、Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。Document 对象集合:【知识拓展】1、all 集合返回对文档中所有 HTM...原创 2020-06-13 08:06:24 · 300 阅读 · 0 评论 -
Java Script 数组类常用方法concat()的使用
concat() :用于连接两个或多个数组。 注:该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。注:字符串类中也有一个concat()函数,不知你还记得否?语法:arrayObject.concat(arrayX,arrayX,......,arrayX)示例:输出:...原创 2020-06-05 14:06:03 · 192 阅读 · 0 评论 -
Java Script 数组类常用方法pop()的使用
pop() :用于删除并返回数组的最后一个元素。注意:该函数执行时除了删除最后一个元素,还将最后一个元素作为返回值,返回。示例:原创 2020-06-05 14:06:18 · 258 阅读 · 0 评论 -
Java Script 数组类的常用属性的用法
数组的属性 length :设置或返回数组中元素的数目。注意:设置 length 属性可改变数组的大小。如设置的值比其当前值小,数组将被截断,其尾部的元素将丢失。如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined。...原创 2020-06-05 13:06:50 · 132 阅读 · 0 评论 -
Java Script History对象常用的属性用法
一、说明:1、History 对象包含用户(在浏览器窗口中)访问过的 URL,即浏览器的浏览历史。2、History 对象是 window 对象的一部分,可通过 window.history (可以直接使用history,window可省略)属性对其进行访问。二、方法:1、back() :可加载历史列表中的前一个 URL(如果存在)。 调用该方法的效果等价于点击后退按钮或调用 histo...原创 2020-06-10 07:06:35 · 808 阅读 · 0 评论 -
Java Script defaultStatus属性的用法
defaultStatus :设置或返回窗口状态栏中的默认文本。该属性可读可写。 该文本会在页面加载时被显示。 语法:window.defaultStatus=sometext示例:效果:...原创 2020-06-06 23:06:08 · 193 阅读 · 0 评论 -
Java Script document属性的用法
document: (1)每个载入浏览器的 HTML 文档都会成为 Document 对象。 (2)Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 (3)Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。...原创 2020-06-06 23:06:01 · 631 阅读 · 0 评论 -
Java Script history属性的用法
history 属性:获取到history对象。 (1)History 对象包含用户(在浏览器窗口中)访问过的 URL。 (2)History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。...原创 2020-06-06 23:06:34 · 151 阅读 · 0 评论 -
Java Script Window对象的属性
原创 2020-06-06 23:06:26 · 145 阅读 · 0 评论 -
Java Script Window对象概述
一、浏览器对象介绍浏览器是JavaScript程序的宿主,为了能够和JavaScript程序进行通信,比如获得浏览器的信息和对浏览器做出响应。浏览器为JavaScript解释器提供了应用程序接口,它提供了很多宿主对象(浏览器对象)来完成这些操作,可以使用户能创建很多精美的网页动态效果,这种宿主对象被称为BOM(Browser Object Model ,浏览器对象模型)。对象主要有:windo...原创 2020-06-06 23:06:37 · 509 阅读 · 0 评论 -
Java Script 什么是节点和节点树
节点和节点树。DOM基于节点树的表现形式。A、节点:根据 DOM,HTML 文档中的每个成分都是一个节点。DOM 是这样规定的:(1)整个文档是一个文档节点 【文档节点】(2)每个 HTML 标签是一个元素节点 【元素节点】(3)包含在 HTML 元素中的文本是文本节点 【文本节点】(4)每一个 HTML 属性是一个属性节点 【属性节点】(5)注释属于注释节点 ...原创 2020-06-13 08:06:57 · 388 阅读 · 0 评论 -
Java Script location属性的用法
location 属性:可以获取location对象。 (1)Location 对象包含有关当前 URL 的信息。(2)Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。...原创 2020-06-06 23:06:09 · 404 阅读 · 0 评论 -
Java Script top属性的用法
top :返回最顶层的先辈窗口。该属性返回队一个顶级窗口的只读引用。如果窗口本身就是一个顶级窗口,top 属性存放对窗口自身的引用。如果窗口是一个框架,那么 top 属性引用包含框架的顶层窗口。示例:...原创 2020-06-06 23:06:56 · 167 阅读 · 0 评论 -
Java Script document对象方法
Document方法:注:上面的方法都非常重要原创 2020-06-13 09:06:38 · 245 阅读 · 0 评论 -
Java Script 什么是核心DOM
一、核心DOM1、概念:DOM(文档对象模型)是W3C制定的一簇规范,是独立于平台和语言的一系列接口定义。通过应用程序实现这些接口,用户可以通过固定的方式访问、修改文档内容、结构和样式,而不管使用哪种语言编写应用程序,也不管哪个平台上运行应用程序。 DOM既可以处理HTML,也可以用于XML,所以DOM 被分为不同的部分:核心、XML及HTML。DOM有多个版本:Level 1、Leve...原创 2020-06-13 08:06:35 · 135 阅读 · 0 评论 -
Java Script 通过ID或者Name访问HTML元素的方法
一、说明: 为了能动态的修改HTML元素,必须首先能访问到HTML元素,DOM提供了2种方式来访问HTML元素: (1)根据ID或Name访问HTML元素:使用 getElementById() 和 getElementsByTagName() 方法。(2)利用节点关系访问HTML元素:使用一个元素节点的 parentNode、firstChild 以及 lastChild 属性...原创 2020-06-13 22:06:18 · 398 阅读 · 0 评论 -
Java Script 判断字符串出现最多的字符,并统计次数
//js实现一个函数,来判断一个字符串出现次数最多的字符,并统计这个次数functioncountStr(str){varobj={};for(vari=0,l=str.length,k;i<l;i++){k=str.charAt(i);if(obj[k]){obj[k]++;}else{obj[k]=1;}}...原创 2020-06-13 22:06:09 · 184 阅读 · 0 评论 -
Java Script 通过节点关系访问HTML元素的方法
根据之前讲解的节点关系可知,一旦获取了HTML某个元素,由于该元素实际上与DOM树的某个节点对应,因此完全可以利用节点之间的父子、兄弟关系来访问HTML元素。1、节点中常用的属性(每个节点都有)示例:利用节点关系获取节点。(1)body中的节点关系,注意中间没有换行或者空格。(2)js代码中获取节点:注意:每个节点之间的空白节点(空格、回车和Tab符)不同的浏览器会做不同的处理,有的会作为一个...原创 2020-06-13 22:06:04 · 100 阅读 · 0 评论