#JavaScript
bellediao
这个作者很懒,什么都没留下…
展开
-
《前端》简单的js加密解密-2021年3月1日
首先介绍两个简单、原生的加密解密方式。1、英文加密解密btoa:加密 atob:解密2、英文加密解密escape:加密 unescape:解密 console.log("===适合于数字、字母的加密解密===") var str = 'diaolihui' var str1 = window.btoa(str) console.log('原来数据是:', str) console.log('加密后:', str1) var str2 = w原创 2021-03-01 15:01:20 · 273 阅读 · 0 评论 -
《前端》bootstraptable中选中一行,获取该行某字段的值
原创 2020-12-14 10:32:45 · 1983 阅读 · 0 评论 -
《前端》js实现把table导出成excel--2020-12-08
示例1:我的gethub。示例2:<html><head> <p style="font-size: 20px;color: red;">使用table标签方式将json导出xls文件</p> <button onclick='tableToExcel()'>导出</button></head><body> <script> ...原创 2020-12-08 11:07:51 · 289 阅读 · 0 评论 -
setTimeout与setTimeinterval的使用-2020年10月23日
setTimeout和setInterval的语法相同。它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。这两个函数的区别是:setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那段代码。有一次我没有分清,使用了setInterval,导致电脑崩溃了。setTimeout表面上是只执行一次,只是起到延迟作用。但是也可以通过创建一个函数循环重复调用...转载 2020-10-23 18:47:44 · 256 阅读 · 1 评论 -
《前端》bootstrapTable获取表格中的值--2020年10月11日
获取选中行的某个字段的值: 在属性中传入需要的值(row.field名),后面获取的时候,通过attr('属性名')来获取属性值。vue中的用法举例:(我想获取索引和BLNo)columns:[{//tablecheckbox:true//第一列显示复选框,若单选,需加入singleSelect},{field:'operate',title:'操作',...原创 2020-10-11 10:53:00 · 3229 阅读 · 0 评论 -
《前端》localStorage 和 sessionStorage-将数据存入(取出)缓存的方法-2020年10月6日
一、localStorage 数据放入缓存localStorage.setItem('user',values.username);缓存中取数据localStorage.getItem('user');document.getElementById("result").innerHTML = localStorage.getItem("lastname");删除数据localStorage.removeItem("key");二、sessionStorage保存数据语法:原创 2020-10-06 11:07:36 · 2071 阅读 · 2 评论 -
《前端》JS动态添加div,然后在div中添加元素-2020年10月5日
先是放一个空的div,再根据指标的数据,动态的往div中添加元素。<div id="DvelopmentTarget"> </div> 动态往div中添加元素:for (var n = 0; n < data.length; n++) { //获取div var div = document.getElementById("DvelopmentTarget");原创 2020-10-05 19:04:51 · 3056 阅读 · 0 评论 -
《前端》JS获取节点、父节点和兄弟节点--2020年10月5日
JS获取子节点、父节点和兄弟节点的方法实例总结_javascript技巧_脚本之家 https://www.jb51.net/article/143286.htmJS动态添加div,然后在div中添加元素_qq_39638361的博客-CSDN博客 https://blog.csdn.net/qq_39638361/article/details/102744645...转载 2020-10-05 16:37:43 · 749 阅读 · 0 评论 -
《前端》JS动态添加下拉框(汽车版本)-2020年10月2日
实现效果:引用:<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" /><script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script><script src="https://cdn.jsdelivr.原创 2020-10-05 14:16:34 · 255 阅读 · 0 评论 -
《前端》小弱鸡的js刷题之路-基本全废
1、改变上下文在JavaScript中,函数是一种对象,其上下文是可以变化的,对应的,函数内的this也是可以变化的,函数可以作为一个对象的方法,也可以同时作为另一个对象的方法,可以通过Function对象中的call或者apply方法来修改函数的上下文,函数中的this指针将被替换为call或者apply的第一个参数。将函数fn 的执行上下文改为 obj 对象,只需要将obj作为call或者apply的第一个参数传入即可。function alterContext(fn, obj) { r原创 2020-09-03 06:42:49 · 352 阅读 · 2 评论 -
《前端》JSON.parse与JSON.stringify()--2020年7月30日
(1)JSON.parse 函数作用:将 JavaScript 对象表示法 (JSON) 字符串转换为对象。 语法:JSON.parse(text [, reviver])参数:text 必需。一个有效的 JSON 字符串。 reviver 可选。一个转换结果的函数。将为对象的每个成员调用此函数。返回值:一个对象或数组example:1 var json = '{"name":"GDT","age":23,"University":"GDUT"}';2 var i...原创 2020-08-04 18:59:41 · 251 阅读 · 0 评论 -
《前端》JavaScript二轮基础复习(十一)--Ajax应用--(原生)
通过核心的XMLHttpRequest对象在无须重新加载整个页面的情况下,实现独立更新网页中的局部内容。而传统的网页如果需要更新网页内容必须冲在整个网页才能实现。所以ajax被人定义为异步方式的js和xml技术。...原创 2020-07-30 20:54:18 · 77 阅读 · 0 评论 -
《前端》JavaScript二轮基础复习(十)--DIV+CSS特效--2020年7月25日
css 是层叠样式表。它包括 盒子模型、列表模型、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。div 是用于层叠样式的定位技术。习惯称之为“层”。用于提供结构和背景的容器。1、同时改变多个dom样式...原创 2020-07-25 11:30:53 · 128 阅读 · 0 评论 -
《前端》JavaScript二轮基础复习(九)--网页特效--2020年7月31 日
获取浏览器窗口尺寸<div id="id-div-center" style=""> <span id="id-span-window-size"></span></div></body><script type="text/javascript"> window.onload = function () { var s_info = "<b>浏览器窗...原创 2020-07-24 21:24:04 · 124 阅读 · 0 评论 -
《前端》JavaScript二轮基础复习(八)--日期和时间特效--2020年8月5日
1、日期和时间概述2、在标题栏显示当前时间原创 2020-07-24 21:21:59 · 188 阅读 · 0 评论 -
《前端》JavaScript二轮基础复习(七)--下拉列表框特效--2020年7月21日
1、程序设置下拉框的值一般用户通过下拉框手动选取自己需要的选项值,但是如不通过手动选取,能不能做到程序设置下拉框的选值呢?<div id="id-div-center"> 设置颜色: <select name="selSetColor" id="idSelSetColor"> <option>请选择...</option> <option value="原创 2020-07-21 09:18:13 · 267 阅读 · 0 评论 -
《前端》JavaScript二轮基础复习(六)--文本框特效--2020年7月17日
1、只带下划线的文本框文本框默认是有四边框的,只要设定文本框style对象的border属性就可以实现只有下划线的文本框。<style type="text/css"> body {text-align: center;} div#id-div-center { width: 320px; height: auto; border: 0px solid black; margin: 32px a原创 2020-07-17 16:32:57 · 337 阅读 · 0 评论 -
《前端》JavaScript二轮基础复习(四)--链接特效
1、给链接添加下划线核心知识点:<style>下划线样式text-decoration:underline/none;//有下划线、无下划线js的style方式:对象数组.style.textDecoration=‘underline’;原创 2020-07-17 14:01:03 · 88 阅读 · 0 评论 -
《前端》JavaScript二轮基础复习(三)--按钮特效
1、给button添加样式(如背景色)如果很多很多btn设置不同颜色,不方便挨个添加,可以使用js添加。核心代码为:btn对象.style.backgroundColor=颜色<script type="text/javascript"> var colorBtn = ["red", "yellow", "blue"]; var arrBtn = document.getElementsByTagName("button"); for(var i=0; i<arrBtn原创 2020-07-15 22:00:06 · 302 阅读 · 0 评论 -
《前端》e.target的用法--2020年7月15日
target定义:target 属性:触发事件的对象的引用(某个dom元素)。当事件处理程序在事件的冒泡或捕获阶段被调用。target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。语法:event.targetevent.target.nodeName //获取事件触发元素标签名(li,p,div,img,button…)event.target.id //获取事件触发元素idevent.target.className //获取事原创 2020-07-15 21:50:31 · 4565 阅读 · 0 评论 -
《前端》JavaScript二轮基础复习(二)js控制DOM
HU原创 2020-07-15 19:21:04 · 160 阅读 · 0 评论 -
《前端》JavaScript二轮基础复习(一)js控制表单
2020年7月14日,借了一本js的书,开始二刷js的基础知识。1、动态获取name和id访问表单元素。核心知识点:通过 var n_fname = document.getElementsByName("fname"); var id_lname = document.getElementById("id-lname");获取到元素。值得注意的是:该方法返回的是一个控件对象的【数组集合】,所以在获取值的时候需要先使用数组下标的格式,再...原创 2020-07-15 07:12:02 · 198 阅读 · 0 评论 -
《前端》JavaScript 中const,var,let区别
JavaScript中三种定义变量的方式const, var, let的区别。1.const定义的变量不可以修改,而且必须初始化。1 const b = 2;//正确2 // const b;//错误,必须初始化 3 console.log('函数外const定义b:' + b);//有输出值4 // b = 5;5 // console.log('函数外修改const定义b:' + b);//无法输出 2.var定义的变量可以修改,如果不初始化会输出undefined,不会报错.转载 2020-07-02 13:00:27 · 348 阅读 · 0 评论 -
《前端》什么是闭包?闭包的优缺点?
要理解闭包,首先要理解javascript的特殊的变量作用域。一般变量的作用域无非就两种:全局变量和局部变量。javascript的特别之处就在于:函数内部可以直接读取全局变量,但是在函数外部无法读取函数内部的局部变量。注意点:在函数内部声明变量的时候,一定要使用var命令。如果不用的话,你实际上声明的是一个全局变量!2、如何从外部读取函数内部的局部变量?出于种种原因,我们有时候需要获取到函数内部的局部变量。但是,上面已经说过了,正常情况下,这是办不到的!只有通过变通的方法才能实现。转载 2020-06-29 15:28:44 · 628 阅读 · 1 评论 -
JavaScript 高级程序设计——引用类型(Object、Array、String、Date)(复习)
https://blog.wenzhixin.net.cn/2012/04/05/javascript-advanced-programming-reference-types-object-array-string-date/一、Object 类型1、创建 Object 实例的方法:使用 new 操作符接构造函数方法var obj = new Object();obj.name1 = value1;obj.name2 = value2;使用对象字面量表示法var ob...原创 2020-06-28 20:26:28 · 133 阅读 · 0 评论 -
《前端》JavaScript 高级程序设计——引用类型(RegExp、Function、Global)
https://blog.wenzhixin.net.cn/2012/04/05/javascript-advanced-programming-reference-types-regexp-function-global/一、RegExp 类型1、创建一个正则表达式(1)语法(有两种方式):var expression = / pattern / flags;var expression = new RegExp(pattern, flags);(2)模式(pattern)部...原创 2020-06-28 20:06:04 · 176 阅读 · 0 评论 -
《前端》JavaScript 高级程序设计 ——面向对象(复习)
1、JavaScript 把的对象定义成散列表:无序属性的集合,其属性可以包含基本值、对象或者函数。2、创建对象模式(1)最简单的方式:创建一个 Object 的实例,并为它添加属性和方法。* 存在的问题:使用同一个借口创建很多对象,会产生大量的重复代码。(2)工厂模式:抽象了创建具体对象的过程,用函数来封装以特定接口创建对象的细节。* 存在的问题:没有解决对象识别的问题。(3)构造函数模式:用来创建特定类型的对象,也可以创建自定义的构造函数,从而定义自定义对象类型的属性和方法。.原创 2020-06-28 18:58:25 · 108 阅读 · 0 评论 -
《前端》 JS组件 之 BootstrapTable(入门篇)--2020年6月9日
一、BootstrapTable引入Bootstrap Table是Bootstrap的一个组件,它是依赖于 Bootstrap ,所以首先需要添加Bootstrap的引用。Bootstrap的包可以在http://v3.bootcss.com/里面可以找到。然后引入Bootstrap Table的包,源码可以在https://github.com/wenzhixin/bootstrap-table里面git中下载。然后把这两个包分别加入到项目中。(应该不全,后期补充。)<link ..原创 2020-06-09 22:19:50 · 241 阅读 · 0 评论 -
《前端》 JS组件 之 BootstrapTable(技术文档篇)--2020年6月9日
Bootstrap Table Examples https://examples.bootstrap-table.com/bootstrap在线编辑:Online Editor - Bootstrap Table https://live.bootstrap-table.com/example/welcomes/from-html.htmlBootstrap Table Vue Component: https://bootstrap-table.com/docs/vuejs/br...原创 2020-06-09 16:59:50 · 235 阅读 · 0 评论 -
《前端》主动驱动事件执行--createEvent (事件解释2)
1. createEvent(eventType)参数:eventType 共5种类型:Events :包括所有的事件.HTMLEvents:包括 'abort', 'blur', 'change', 'error', 'focus', 'load', 'reset', 'resize', 'scroll', 'select','submit', 'unload'. 事件UI...转载 2020-05-12 16:21:04 · 496 阅读 · 0 评论 -
《前端》浅谈Javascript事件模拟(事件解释1)
事件是用来描述网页中某一特定有趣时刻的,众所周知事件通常是在由用户和浏览器进行交互时触发,其实不然,通过Javascript可以在任何时间触发特定的事件,并且这些事件与浏览器创建的事件是相同的。这就意味着会有适当的事件冒泡,并且浏览器会执行分配的事件处理程序。这种能力在测试web应用程序的时候,是非常有用的,在DOM 3级规范中提供了方法来模拟特定的事件,IE9 chrome FF Opera 和 Safari都支持这样的方式,在IE8及以前的办法的IE浏览器有他自己的方式来模拟事件a)Dom 事件模拟转载 2020-05-12 16:03:58 · 209 阅读 · 0 评论 -
《前端》MouseEvent (事件)
MouseEvent接口指用户与指针设备( 如鼠标 )交互时发生的事件。使用此接口的常见事件包括:click,dblclick,mouseup,mousedown。MouseEvent()--生成一个新的MouseEvent对象。--------------------------------------------------------------------鼠标事件 - Web API 接口参考 | MDN https://developer.mozilla.o...原创 2020-05-12 15:40:19 · 2616 阅读 · 0 评论 -
《前端》JavaScript知识(黑马)(高级二)
复习:面向对象编程思想:根据需求分析对象,找到对象有什么特征和行为,通过代码的方式来实现需求。||想要实现这个需求就要创建对象,==》想要创建对象就应该创建构造函数,然后通过构造函数来创建对象。||通过对象调用属性和方法来实现相应的功能和需求即可。*首先JS不是一门面向对象的语言,JS是一门基于对象的语言,那么为什么学习js还要学习面向对象,因为面向对...原创 2020-05-06 21:07:51 · 152 阅读 · 0 评论 -
《前端》JavaScript知识(黑马)(高级一)
1、实例对象和构造函数之间的关系:实例对象是通过构造函数来创建的---创建的过程叫实例化 如何判断对象是不是这个数据类型? 1)通过构造器的方式实例对象.构造器==构造函数名字 2)对象instanceof构造函数名字尽可能的使用第二种方式来识别,为什么?原型讲完再说。2、构造函数创建对象引发的问题 <script> functio...原创 2020-04-26 19:10:22 · 315 阅读 · 0 评论 -
《前端》js的apply和call方法对比
1.apply和call的区别在哪里2.什么情况下用apply,什么情况下用call3.apply的其他巧妙用法(一般在什么情况下可以使用apply)apply:方法能劫持另外一个对象的方法,继承另外一个对象的属性。Function.apply(obj,args)方法能接收两个参数 obj:这个对象将代替Funct...原创 2020-04-20 21:43:44 · 137 阅读 · 0 评论 -
《前端》常用的Array 对象方法总结
;1、concat2、indexOf:搜索数组中的元素,并返回它所在的位置。(可用作统计)统计数组 arr 中值等于 item 的元素出现的次数:function count(arr, item) { var count = 0; arr.forEach(function(e){ //e为arr中的每一个元素,与item相等则count+1 ...原创 2020-04-18 04:25:08 · 389 阅读 · 0 评论 -
《前端》js中.files方法--2020年3月29日
先来有一个JS获取file上传的文件的案例:html:<input type="file" onchange="upload(this)">js:function upload(obj){var files = obj.files ;var formData = new FormData(); for(var i = 0;i<files.length...原创 2020-03-29 22:49:50 · 3381 阅读 · 0 评论 -
《前端》html 获得file文本完整路径
document.getElementByIdx_x('my-file').files方法用于获取到用户所选择的文件的集合,一般情况下都是选择单一文件,item数组可以得到其中的某一个文件,然后我们就可以使用 nsIDOMFile所提供的属性和方法了。它包括2个属性和3个方法:fileName:用于获取到用户所选文件的名称,这和直接取value值所得到的结果一样。fileSize:得到...原创 2020-03-27 15:58:38 · 4101 阅读 · 0 评论 -
《前端》javascript void(0)--2020年3月27日
javascript:void(0)介绍void关键字介绍 首先,void关键字是javascript当中非常重要的关键字,该操作符指定要计算或运行一个表达式,但是不返回值。 语法格式:void func() void(func())例1:当点击超级链接时,什么都不发生<!-- 1.当用户链接时,void(0)计算为0,用户点击不会发生任何效果 --> ...原创 2020-03-27 14:37:54 · 170 阅读 · 0 评论 -
《前端》eval函数
eval()函数可计算某个字符串,并执行其中的的JavaScript代码。语法:eval(string) 其中,string是要计算的字符串,是必须项,含有要计算的 JavaScript 表达式或要执行的语句。返回值:通过计算 string 得到的值(如果有的话)。说明:该方法只接受原始字符串作为参数,如果 string 参数不是原始字符串,那么该方...原创 2020-03-02 08:46:39 · 2635 阅读 · 0 评论