D2_JavaScript
JavaScript
少年西西
这个作者很懒,什么都没留下…
展开
-
JavaScript规范
语法与规范变量变量提前采用模块化写法注释高效使用jQuery原创 2021-05-20 19:21:55 · 100 阅读 · 0 评论 -
JS常用内置对象(字符串、对象、数组、函数、Math、Json格式)
字符串对象数组函数Math任意范围的随机整数生成函数Math.random():[0,1);function getRandomInt(min,max){ return Math.floor(Math.random() * (max - min + 1) + min);}getRandomInt(1,6);JSON格式原创 2021-05-18 10:28:48 · 128 阅读 · 0 评论 -
浏览器向服务器发送请求的常见方式
总结,哪些方法可以通过浏览器往服务器发请求?1、表单form的提交。2、超链接。<a href="http://localhost:8080/oa/save?username=zhangsan&password=123">用户只能点击这个超链接</a>3、document.location \ document.location.href4、window.location \ window.location.href5、window.open(“url”)原创 2020-12-22 09:53:10 · 3748 阅读 · 1 评论 -
BOM编程案例
1.window.open()和window.close()<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>001-BOM编程-open和close</title></head><!--1、BOM编程中,window对象是顶级对象,代表浏览器窗口。2、windowopen和close方法,可以开启窗口和原创 2020-12-22 09:52:44 · 327 阅读 · 0 评论 -
BOM编程概念
1.概念Browser Object Model 浏览器对象模型 ,将浏览器的各个组成部分封装成对象。2.组成 * Window:窗口对象 * Navigator:浏览器对象 * Screen:显示器屏幕对象 * History:历史记录对象 * Location:地址栏对象 3. Window:窗口对象创建方法与弹出框有关的方法:alert() 显示带有一段消息和一个确认按钮的警告框。confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。,如果用户点原创 2020-12-22 09:52:26 · 109 阅读 · 0 评论 -
JavaScript内置对象——显示网页时钟Date、数组Array
一、显示网页时钟Date与定时器有关的方式setTimeout() 在指定的毫秒数后调用函数或计算表达式。参数:1.js代码或者方法对象2. 毫秒值返回值:唯一标识,用于取消定时器clearTimeout() 取消由 setTimeout() 方法设置的 timeout。setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。clearInterval() 取消由 setInterval() 设置的 timeout。<!DOCTYPE html>&原创 2020-12-22 09:52:02 · 299 阅读 · 0 评论 -
DOM编程案例——复选框全选和取消全选、获取下拉列表选中项的value
1.复选框全选和取消全选<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>006-复框的全和取消全选</title></head><body><script type="text/javascript"> window.onload = function(){ va原创 2020-12-22 09:51:33 · 173 阅读 · 0 评论 -
DOM编程案例 —— 登录页面表单验证
要求:用户名不能为空用户名必须在6-14位之间用户名只能数字和字母组成,不能含其它符号(正则表达式密码和确认密码一致,邮箱地址合法。统一失去焦点验证错误提示信息统一在span标签中提示,并且要求字体12号,红色。文本框再次获得焦点后,清空错误提示信息,如果文本框中数据不合法要求清空文本框的value最终表单中所有项均合法方可提交代码:<!DOCTYPE html><html lang="en"><head> <meta chars原创 2020-12-22 09:51:13 · 651 阅读 · 0 评论 -
DOM编程概念理解
1.核心DOM核心 DOM - 针对任何结构化文档的标准模型Document:文档对象Element:元素对象Attribute:属性对象Text:文本对象Comment:注释对象Node:节点对象,其他5个的父对象XML DOM - 针对 XML 文档的标准模型HTML DOM - 针对 HTML 文档的标准模型Document 对象的理解:第一点:Document 它管理了所有的 HTML 文档内容。第二点:document 它是一种树结构的文档。有层级关系。第三点:它让我原创 2020-12-22 09:50:57 · 211 阅读 · 0 评论 -
JavaScript的正则表达式(Regular Expression)
资料:正则表达式30分钟入门教程-附常用表达式1、什么是正则表达式,什么用?正则表达式:Regular Expression正则表达式主要用在字符串格式匹配方面。2、正则表达式实际上是一门独立的学科,在Java语言中支持,C语言中也支持,javascript中也支持。大部分编程语言都支持正则表达式。正则表达式最初使用在医学方面,用来表示神经符号等。目前使用最多的是计算机编程领域,用作字符串格式匹配。包括搜索方面等。3、正则表达式,对于我们javascript编程来说,掌握内容第一:常见的正原创 2020-12-21 20:49:48 · 294 阅读 · 0 评论 -
DOM编程案例——innerHTML innerText操作div和span、去除字符串的前后空白trim
1.innerHTML innerText操作div和spaninnerText和innerHTML属性什么区别?相同点: 都是设置元素内部的内容。不同点:innerHTML会把后面的 “字符串”当做一段HTML代码解释并执行 。innerText,即使后面是一段HTML代码,也只是将其当做普通的字符串来看待。<body><style type="text/css"> #div1{ background-color: #abacff;原创 2020-12-21 20:39:07 · 1304 阅读 · 0 评论 -
JavaScript包括三块:ECMAScript、DOM、BOM
1、JavaScript包括大块:ECMAScript: JS的核心语法(ES规范 / 是ECMA制定的262标准),JavaScript和JScript都遵守这个标准,ECMAScript是JavaScript核心语法DOM: Document Object Model(文档对象模型:对网页当中的节点进行增删改的过程。HTML文档被当做一棵DOM树来看待。编程是通过JavaScript对HTML中的dom节点进行操作,DOM是有规范的,DOM规范是W3C制定的。var domObj =原创 2020-12-21 20:30:57 · 696 阅读 · 0 评论 -
JavaScript之控制语句与JS运算符之void
JS运算符之voidvoid运算符的语法:void(表达式)运算原理: 执行表达式,但不返回任何结果。javascript:void(0)其中javascript作用是告诉浏览器后面是一段JS代码。以下程序的javascript:是不能省略的。<body>页面顶部<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>原创 2020-12-21 20:19:28 · 318 阅读 · 0 评论 -
onload事件、onblur事件、onchange事件、onsubmit事件举例
一、onload.加载事件load事件什么时候发生?onload事件是浏览器解析完页面之后就会自动触发的事,页面全部元素加载完毕之后才会发生1、以下执行是错误的,因为代码执行的时候id="btn"的元素还没添加<body><script type="text/javascript"> // 第一步:根据id获取节点对象 var btn = document.getElementById("btn"); // 返回null(因为代码执行到此处的时候id="bt原创 2020-12-21 20:11:27 · 7793 阅读 · 0 评论 -
JavaScript中的常用事件
JS中的事件:概念:某些组件被执行了某些操作后,触发某些代码的执行。事件:某些操作。如: 单击,双击,键盘按下了,鼠标移动了事件源:组件。如: 按钮 文本输入框…监听器:代码。注册监听:将事件,事件源,监听器结合在一起。 当事件源上发生了某个事件,则触发执行某个监听器代码。1、常用事件1.点击事件:onclick:单击事件ondblclick:双击事件2.焦点事件onblur:失去焦点onfocus:元素获得焦点。3.加载事件:onload:一张页面或一幅图像完成加原创 2020-12-21 19:59:26 · 3384 阅读 · 0 评论 -
JavaScript中的关系运算符
1、关系(比较)运算等于: == 等于是简单的做字面值的比较全等于:=== 除了做字面值的比较之外,还会比较两个变量的数据类型var a = 12;var b = "12";alert(a == b);//truealert(a === b);//false// == 是等同运算符alert(1 == true); // truealert(1 === true); // false2、逻辑运算且运算:&&或运算: ||取反运算:!&& 且原创 2020-12-21 18:12:29 · 416 阅读 · 0 评论 -
JavaScript的数据类型
1.数据类型分类JS中数据类型:原始类型、引用类型。原始类型:Undefined、Number、String、Boolean、Null, // Null类型只有一个值,null引用类型:Object以及Object的子类ES规范(ECMAScript规范),在ES6(ES6全称是ECMAScript 6,是正式发布的JavaScript语言的一种标准,该标准的目标是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。)之后,又基于以上的6种类型之外添加了一种新的原创 2020-12-21 18:07:08 · 169 阅读 · 0 评论 -
JavaScript中的变量和函数
一、回顾java中的变量1、java中怎么定义/声明变量?数据类型 变量名;例如:int i;double d;boolean flag;2、java中的变量怎么赋值?使用“=”运算符进行赋值运算。("="运算符右边先执行,将右边执行的结果赋值给左边的变量。变量名 = 值;例如:i = 10;d = 3.14;flag = false;3、java语言是一种强类型语言,强类型怎么理解?java语言存在编译阶段,假设有代码:int i;那么在Java中一个特点是:java程原创 2020-12-21 16:51:27 · 380 阅读 · 0 评论 -
HTML嵌入JS三种方式以及JS的注释
1、HTML中嵌入JavaScript代码的第一种方式1、要实现的功能:用户点击以下钮,弹出消息框。2、JS是一门事件驱动型的编程语言,依靠事件去驱动,然后执行对应的程序。在JS中很多事件,其中一个事件叫做:鼠标单击,单词:click。并且任何事件都会对应一个事件句柄叫做:onclick。【注意:事件和事件句柄的区别是:事件句柄是在事件单词前添加一个on。】,而事件句柄是以HTML标签的属性存在的。3、οnclick=“js代码”,执行原理是什么?页面打开的时候,js代码并不会执行,只是把这段J原创 2020-12-20 22:42:00 · 897 阅读 · 0 评论 -
javaScript的概述
1、什么是JavaScript,有什么用?JavaScript是运行在浏览器上的脚本语言。简称JS。JavaScript是网景公司(NetScape)的 布兰登艾奇(JavaScript之父)开发的,最初叫做LiveScript。LiveScript的出现让浏览器更加的生动了,不再是单纯的静态页面了。页面更具有交互性。在历史的某个阶段,SUN公司和网景公司他们之间有合作关系,SUN公司把LiveScript的名字修改为JavaScript。JavaScript这个名字中虽然带有“Java”但是和原创 2020-12-20 22:24:25 · 109 阅读 · 0 评论