![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
JavaScript
I like study.
热爱技术
展开
-
jsp页面引入bootstrap时出现异常
异常:util.js:56 Uncaught TypeError: Cannot read property ‘fn’ of undefinedat setTransitionEndSupport (util.js:56)at util.js:147at util.js:10at bootstrap.js:9at bootstrap.js:10引入的bootstrap的文件<...原创 2019-03-04 22:59:46 · 748 阅读 · 0 评论 -
字符串为不同对象无法判断值相等
1.首先用encodeURIComponent(str)//可把字符串作为URI 组件进行编码`方法判断encodeURIComponent(str1)、encodeURIComponent(str2)两个表达式的值是否相等2.如果不相等,则两个字符串并不是同一对象3.用str.trim()处理字符串,判断出来str1.trim()==str2.trim()...原创 2019-02-28 10:49:52 · 120 阅读 · 0 评论 -
JS中获取各种高度、宽度
document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度网页可见区域宽: doc...原创 2020-02-01 17:53:52 · 276 阅读 · 0 评论 -
BootStrapVue的使用
1.创建一个Vue项目vue create vue-blog2.运行Vue项目npm run serve出现以下界面3.安装BootstrapVue依赖cnpm install bootstrap-vue bootstrap axios3.引入BootstrapVue和 Bootstrap CSS在main.js中引入以下代码import BootstrapVue from 'bootstrap-vue'import 'bootstrap/dist/css/bootstra原创 2020-11-12 18:05:50 · 520 阅读 · 0 评论 -
js发送短信验证码倒计时效果
<input type="number"><button class="send">发送</button> var send = document.querySelector('.send') var timer6 = null send.addEventListener('click', function () { ...原创 2020-03-17 18:18:46 · 170 阅读 · 0 评论 -
js实现下拉菜单
<head> <style type="text/css"> .nav { list-style-type: none; display: flex; margin: 0; padding: 0; font-size: 14px; ...原创 2020-03-10 11:28:42 · 672 阅读 · 0 评论 -
JavaScript动态创建表格
我们的目的就是在拿到数据后,通过js把数据渲染到表格的tbody中html部分<body> <table cellspacing="0" border="1" class="table3"> <thead> <tr> <th>姓名</th> ...原创 2020-03-10 11:22:36 · 368 阅读 · 0 评论 -
JavaScript创建、添加、删除、克隆节点
<body> <ul class="ul2"></ul> <script type="text/javascript"> var ul2 = document.querySelector('.ul2') console.log(ul2) //创建元素节点 var li21 = document...原创 2020-03-10 11:14:50 · 242 阅读 · 0 评论 -
JavaScript中三种动态创建元素的区别
三种动态创建元素的方法1.document.write('')2.element.innerHTML=''3.document.createElement('')区别:使用document.write是直接将内容写入页面的内容流,但是文档流执行完毕,它会导致页面全部重绘制比如window.onload = function () {document.querySelector(’...原创 2020-03-10 11:11:43 · 247 阅读 · 0 评论 -
js实现tab栏切换
html+css<style> .tab2 { width: 500px; } .tab2-list { width: 500px; } .tab2-list>ul { display: flex; width:...原创 2020-03-04 17:55:50 · 711 阅读 · 0 评论 -
js实现商品的全选,反选
html+css部分<style type="text/css"> <div class="table-div2"> <table class="table2"> <thead> <tr class="tr2"> <t...原创 2020-03-04 16:12:26 · 318 阅读 · 0 评论 -
js实现简易的下拉菜单
html+css部分 <style type="text/css"> .link1{ display: flex; width: 50px; height: 30px; background-color: #666666; text-decoration: ...原创 2020-03-03 16:46:12 · 332 阅读 · 0 评论 -
js实现倒计时效果
<p class="count"></p>function countDown(time) { var inputTime = time.valueOf() var currentTime = +new Date() var times = (inputTime - currentTime) / 1000 var d = parseInt((((times...原创 2020-02-27 16:59:09 · 228 阅读 · 0 评论 -
js实现动态添加标签页
js实现动态添加标签页,能够进行标签的添加,删除,修改,内容切换addTab.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="styleshee...原创 2020-02-26 17:07:29 · 2491 阅读 · 0 评论