![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
javaScript,Dom
qq_44801336
这个作者很懒,什么都没留下…
展开
-
js中reduce和map的用法
此时需要将数组的元素进行类型转换 <script> let arr = [1,2,3,4,5,6,7]; let arr2 = arr.map(String); console.log(arr2)</script>将元素从字符串转数值类型let arr = ['1','2','3','4','5']; console.log(arr.map(Numbe...原创 2020-04-21 15:10:35 · 301 阅读 · 0 评论 -
使用Thymeleaf简化后不需要异步加载
一开始项目,每个页面都是拆开的,所以页码功能单独放入一个页面,后台需要单独写一个返回页面的方法,使用异步加载的方式调用后台访问方法 @RequestMapping("doPageUI") public String doPageUI() { return "common/page"; }页面加载方式此时需要异步加载页码的页面 $(document).ready(fun...原创 2020-03-25 09:02:33 · 326 阅读 · 0 评论 -
jquery实现点击图标完成页码加载的封装代码
只有输入不同的点击图标的id,加载不同页码代码实现复用<script type="text/javascript"> //页面加载完成事件 $(function(){ doLoadUI("load-log-id","log/log_list"); doLoadUI("load-menu-id","menu/doMenuListUI"); doLoa...原创 2020-03-20 16:59:46 · 154 阅读 · 0 评论 -
转载解决跨域问题
一、为什么会出现跨域问题出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议...转载 2020-03-10 10:38:05 · 87 阅读 · 0 评论 -
jquery手风琴效果
手风琴下拉菜单,默认打开第一个,展开时仅展开一个,其他会收缩。需要处理的关系是隔行的<body> <h1>使用“高度动画”实现“手风琴”组件</h1> <div class="accordion"> <div class="title">《西游记》简介</div> <div class="content f...原创 2020-03-05 21:51:37 · 202 阅读 · 0 评论 -
jQuery中on()和click()在冒泡中运用的对比
什么是冒泡事件转载其他博客对冒泡事件理解click()事件的运用到冒泡事件中在这个情况下this不能使用,因为它指向window。并且每次要判断是否是需要的元素。$("#list").click(function(e){ let $img=$(e.target); if($img.is("img")){ $img.clone().replaceAll("#chosen>...原创 2020-03-04 11:26:41 · 486 阅读 · 0 评论 -
jquery中的子元素和后代元素的区别
jQuery选择中层次选择器难点:jquery中子元素和后代元素的区别顾名思义,后代就是当前元素的所有后代,都是。 子元素,就是当前元素的子集,再往下就不算了<div>This is <strong>very</strong> important.</div><div>This is <em>really <...原创 2020-02-29 10:56:11 · 482 阅读 · 0 评论 -
js实现图片拖拽效果
//图片需要在家导入<!doctype html><html> <head> <meta charset="UTF-8"> <title>在当前显示区范围内实现点不到的小方块</title> <style> div{position:fixed;width:100px;height:100px; ...原创 2020-02-25 11:02:52 · 1440 阅读 · 0 评论 -
用js检测用户cookie是否启用
<!DOCTYPE HTML><html><head><title>navigator对象常用属性</title><meta charset="utf-8" /></head><body> <script> //判断用户cookie是否启用 if(navigator.co...原创 2020-02-24 14:54:55 · 482 阅读 · 0 评论 -
html dom常用对象
image select/option table form*image的用法* <script> // 获取 id为 img 的元素 var img = document.getElementById('img'); // 创建 Image对象 var imgObj = new Image(); //...原创 2020-02-23 12:28:44 · 241 阅读 · 0 评论