本教程通过js面向对象的方法来封装一个选项卡的实例，在实例中讲解js的面向对象如何实现功能。 一般封装好的选项卡程序，只需要一个div元素即可。其它元素都是通过json数据来生成，所以封装好的选项卡实例，调用非常方便。先创建一个div元素，如下所示： <div class="tab_box" cla ...
分类：
Web程序 时间：
2021-01-30 12:08:01
阅读次数：
0
Web Components 是一套不同的技术，允许您创建可重用的定制元素（它们的功能封装在您的代码之外）并且在您的web应用中使用它们。 它由三项主要技术组成，它们可以一起使用来创建封装功能的定制元素，可以在你喜欢的任何地方重用，不必担心代码冲突。 Custom elements（自定义元素）：一 ...
分类：
Web程序 时间：
2021-01-30 11:55:08
阅读次数：
0
#AJAX 不写原生js的AJAX，用JQuery $.ajax({ type: get, url: "demo.html", data: {username:lw}, dataType: ..., success: function(msg){ alert(msg); }, error:funct ...
分类：
Web程序 时间：
2021-01-28 12:11:32
阅读次数：
0
插件描述：一款优雅的页面消息提示插件，兼容性良好，无任何依赖。 Qmsg 消息提示插件 使用 兼容IE>=9。 HTML <link rel="stylesheet" href="./css/message.css"> <!-- your html --> <script src="./js/mes ...
分类：
Web程序 时间：
2021-01-08 11:40:56
阅读次数：
0
//获取某元素后相邻的所有class名为MsoToc2的兄弟元素nextAll(node){ let that = this, nextNode = that.next(node), nodeArray = []; while(nextNode != null && that.hasClass(ne ...
分类：
Web程序 时间：
2020-12-18 12:49:19
阅读次数：
2
1 /** 2 * == 和 != 比较若类型不同，先尝试转换类型，再作值比较，最后返回值比较结果 3 * 而 和 !== 只有在相同类型下,才会比较其值 4 */ 5 if (password !== rePassword) { 6 /** 7 * innerHTML html,直接显示文字 8 ...
分类：
Web程序 时间：
2020-12-07 11:49:13
阅读次数：
11
众所周知，与原生js不同，jquery方法 $() 会得到一个jquery对象，而不是js对象。 这个方法获取的对象可以用来执行其他jquery方法处理业务逻辑； 也可以通过下标获取js DOM。 当这个方法没有匹配到DOM的时候，则对象里面没有DOM元素。 $("div span").click( ...
分类：
编程语言 时间：
2020-11-19 12:35:01
阅读次数：
8
原生js实现TodoMVC 先用html和css写好页面的基本结构样式，代码如下， index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel= ...
分类：
Web程序 时间：
2020-11-08 17:56:16
阅读次数：
32
给input元素赋值显示，用value： let enwenInput = document.getElementById("enwenTex"); enwenInput .value = "apple"; 获取input元素填入的值： let enwen = document.getElement ...
分类：
Web程序 时间：
2020-10-20 16:33:33
阅读次数：
35
在做项目时，有时我们需要让 input 聚焦，为了让用户更好的使用。 让 input 聚焦 所有的浏览器都有一个内置的方法，让 input 聚焦。首先，我们需要获取元素。 在原生 js 中，我们可以使用下面方式来获取元素： <form> <input id="email" /> </form> co ...
分类：
其他好文 时间：
2020-10-18 16:23:48
阅读次数：
28
