js | 易学教程

NO.1 JS基础

阅读更多关于 NO.1 JS基础

基础语法：全称： JavaScript 网页里面的脚本语言非常强大的语言注释语法： /* */多行注释（可注释/*内的东西*/）//单行注释（只注释一行，如有第二行不会被注释）语言：嵌入在网页里面嵌入语言 <body> </body> <script type="text/javascript"> </script> </html> 外部外部文件拿入 <title>无标题文档</title> <script src="Untitled-2.js"></script> </head> <body> </body> </html> 输出语法： alert ：弹出信息 alert("弹出信息");//弹出对话框的输出信息 confirm：选项信息 confirm("是否选项对话框") prompt：输入信息 prompt("输入信息框") console.log：在控制台输出 console.log("这是打印的内容") 程序基本知识: 1、所有的字符全部是英文半角的 2、大部分情况下每条语句结束之后要加分号 3、每一块代码结束之后加还行 4、程序前后呼应（前面有一个括号“（”后面一定有一个括号结束“）”）数据类型：数据在程序中存储，存储的名称叫做变量强类型语言数据存储的时候需要存在相应的数据类型变量中弱类型语言数据存的时候不区分类型（类型自动转换）类型

js中substring和substr的用法

阅读更多关于 js中substring和substr的用法

substring 方法用于提取字符串中介于两个指定下标之间的字符 substring(start,end) 开始和结束的位置，从零开始的索引参数描述 start 必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。 stop 可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数，那么返回的子串会一直到字符串的结尾。返回值一个新的字符串，该字符串值包含 stringObject 的一个子字符串，其内容是从 start 处到 stop-1 处的所有字符，其长度为 stop 减 start。说明 substring 方法返回的子串包括 start 处的字符，但不包括 end 处的字符。如果 start 与 end 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。如果 start 比 end 大，那么该方法在提取子串之前会先交换这两个参数。如果 start 或 end 为负数，那么它将被替换为 0。 2.substr 方法定义和用法 substr 方法用于返回一个从指定位置开始的指定长度的子字符串。语法 stringObject.substr(start [, length ]) 参数描述 start 必需。所需的子字符串的起始位置

字符串一些js操作方法

阅读更多关于字符串一些js操作方法

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。 substring() 方法用于提取字符串中介于两个指定下标之间的字符。定义和用法 substring() 方法用于提取字符串中介于两个指定下标之间的字符。语法 stringObject.substring(start,stop) 参数描述 start 必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。 stop 可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数，那么返回的子串会一直到字符串的结尾。返回值一个新的字符串，该字符串值包含 stringObject 的一个子字符串，其内容是从 start 处到 stop-1 处的所有字符，其长度为 stop 减 start。说明 substring() 方法返回的子串包括 start 处的字符，但不包括 stop 处的字符。如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。提示和注释重要事项：与 slice(

js实现页面自动刷新

阅读更多关于 js实现页面自动刷新

自动刷新页面的实现方法总结: 1) <meta http-equiv="refresh"content="10;url=跳转的页面"> 10表示间隔10秒刷新一次 2) <script language=''javascript''> window.location.reload(true); </script> 如果是你要刷新某一个iframe就把window给换成frame的名字或ID号 3) <script language=''javascript''> window.navigate("本页面url"); </script> 4> function abc() { window.location.href="/blog/window.location.href"; setTimeout("abc()",10000); } 虽说不建议在action中这样写，但是其他方法效果不好的时候也只有这样。刷新本页： Response.Write("<script language=javascript>window.location.href=window.location.href;</script>") 刷新父页： Response.Write("<script language=javascript>opener.location.href=opener

堆栈内存、this绑定、js event loop、class语法、斐波那契数列、动态规划

阅读更多关于堆栈内存、this绑定、js event loop、class语法、斐波那契数列、动态规划

1.堆栈内存栈内存主要用于存储各种基本类型（Boolean、Number、String、undefined、null以及对象变量的指针）的变量。堆内存存储object。 2.this指针 new绑定的优先级大于bind绑定 3.js event loop以及宏任务和微任务； //定时器任务属于宏任务，需要在任务队列等待 setTimeout ( ( ) => console . log ( 'a' ) ) ; //promise是异步微任务，在本轮同步任务结束之前执行 Promise . resolve ( ) . then ( ( ) => console . log ( 'b’ ) ; ) . then ( //箭头函数的resolve传递的参数作为这个then的参数 ( ) => Promise . resolve ( '2' ) . then ( ( data ) => { //定时器任务放入任务队列中等待，放在第一个定时器之后 setTimeout ( ( ) => console . log ( 'd' ) ) ; console . log ( 'f' ) ; //返回值作为下一个then的参数 return data * 2 ; } ) ) . then ( data => console . log ( data ) ) ; //输出：bf4ad 4

js控制台显示[object Object]问题

阅读更多关于 js控制台显示[object Object]问题

问题描述：在console.log中打印一个json对象时会显示[object Object] //清空控制台输出并将光标显示在第一排 console.clear(); //定义一个json格式的对象 var j = {}; j.name = "小J"; j.sex = true; j.age = 19; //控制台输出 console.log("JSON对象:"+j); console.log("JSON对象:"+JSON.stringify(j)); console.log(j); console.log("JSON对象:%o",j); 控制台显示需要先了解Console对象 Console 对象用于 JavaScript 调试。JavaScript 原生中默认是没有 Console 对象,这是宿主对象（也就是游览器）提供的内置对象。用于访问调试控制台, 在不同的浏览器里效果可能不同。 console.log()方法可以简单地传递一系列对象，这些对象的字符串表示形式被串联成一个字符串，然后输出到控制台。（以Object.prototype.toString()的方法表示为字符串）正式因为console.log()在输出多个对象的时候会以字符串的形式串联成一个字符串输出，所以会显示为“JSON对象: [object Object]"。

thymeleaf中js 取值

阅读更多关于 thymeleaf中js 取值

今天又学习了一招 js获取thymeleaf中的变量的值 <script th:inline="javascript"> var data = [[${data}]] //var dd="&&"+"<"; </script> 另外一种就是使用隐藏域： <input type="hidden" th:value=“${data} ” id="data"> js : var data=${"#data"}.val() 另外之前经理的博客有这一段：不明白里面的含义：先贴在这里：内联文本：[[...]]内联文本的表示方式，使用时，必须先用th:inline="text/javascript/none"激活，th:inline可以在父级标签内使用，甚至作为body的标签。内联文本尽管比th:text的代码少，但是不利于原型显示。内联js: <scriptth:inline="javascript"> /*<![CDATA[*/ ... var username = /*[[${sesion.user.name}]]*/ 'Sebastian'; ... /*]]>*/ </script> js附加代码： /*[+ var msg = 'This is a working application'; +]*/ js移除代码： /*[- */ var msg = 'This is a

JS基础教程——02基本概念

阅读更多关于 JS基础教程——02基本概念

2.基本概念 2.1 标识符标识符，说白了，就是一个名字。重点：（1）第一个字符必须是字母、下划线（_）或美元符号。（2）其他字符可以是字母、下划线、美元符号或数字。（3）不能用关键字、保留字、true、false和null。 2.2 变量（1）变量的声明&变量的赋值语法：var 变量名=值; （2）一个关键字var也可以同时定义多个变量，每个变量用英文逗号“,”隔开。 2.3 常量常量指的是一个不能改变的量。也就是说，常量的值从定义开始就是固定的，一直到程序结束都不会改变。一般情况下，常量名全部大写，别人一看就知道这个值很特殊，有特殊用途，如：var DEBUG = 1; 2.4 数据类型数据类型，说白了，就是值的类型。数据类型可以分为两种，一种是“基本数据类型”，另外一种是“引用数据类型”。其中，基本数据类型只有一个值，而引用数据类型可以含有多个值。基本数据类型有五种：数字（Number）、字符串（String）、布尔值（Boolean）、未定义值（Undefined）和空值（Null）。而常见的引用数据类型有两种：数组（Array）、对象（Object）。（3）布尔值布尔类型的值只有两个：true 和false 布尔值最大的用途就是：选择结构的条件判断。（4）未定义值凡是已经用var 来声明但没有赋值的变量，

js 下载文件

阅读更多关于 js 下载文件

window.open()只能打开一次，所以下载多个文件只能下载一个function download(name, href) { var a = document.createElement("a"), //创建a标签 e = document.createEvent("MouseEvents"); //创建鼠标事件对象 e.initEvent("click", false, false); //初始化事件对象 a.href = href; //设置下载地址 a.download = name; //设置下载文件名 a.dispatchEvent(e); //给指定的元素，执行事件click事件}下载多个文件的思路的创建多个iframe，且不能马上删除 var sites = ['url','url2']for (let i = 0; i < sites.length; i++) { const iframe = document.createElement("iframe"); iframe.style.display = "none"; iframe.style.height = 0; // url自己进行指定 iframe.src = sites[i]; document.body.appendChild(iframe); // 不能马上将iframe进行删除

JS中的eval函数

阅读更多关于 JS中的eval函数

1.eval() 函数作用：可以接受一个字符串str作为参数，并把这个参数作为脚本代码来执行。 2.参数情况：（1）如果参数是一个表达式，eval() 函数将执行表达式；（2）如果参数是Javascript语句，eval()将执行 Javascript 语句 3.注意：（如果执行结果是一个值就返回，不是就返回undefined，如果参数不是一个字符串，则直接返回该参数） 4.语法：eval(string)， 5.案例： eval(“var a=1”);//声明一个变量a并赋值1。 eval(“2+3”);//执行加运算，并返回运算值。 eval(“mytest()”);//执行mytest()函数。 eval("{b:2}");//声明一个对象。如果想返回此对象，则需要在对象外面再嵌套一层小括如下：eval("({b:2})"); 注意：使用eval来解析JSON格式字符串的时候，会将{}解析为代码块，而不是对象的字面量 //1.在JSON格式的字符串前面拼接上 “var o =” //2.把JSON格式的字符串使用 ()括起来，就不会将{}解析为代码块，而是表达式 6.函数作用域：eval()函数并不会创建一个新的作用域，并且它的作用域就是它所在的作用域，有时候需要将eval()函数的作用域设置为全局，当然可以将eval()在全局作用域中使用，这个时候可以用window

订阅 js