![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 58
前台页面中关于JavaScript的记录
super_.
博客内涉及到的文件,有积分的可以捧个场,不方便的可以私信留下邮箱和想要的文件链接(一定要留邮箱和链接地址,否则无法分享!【该平台不能发送文件】),我看到回复(博客登录时间不定,看到会及时回复,望谅解)
展开
-
jquery-migrate.min.js兼容jQuery版本
一、情形描述已知live() 方法在 jQuery 版本 1.7 中被废弃,在版本 1.9 中被移除。你需要在已引用jquery-2.1.1.js的页面中使用live() ,那么肯定是无效的1、代码<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html原创 2021-07-13 11:12:27 · 5053 阅读 · 0 评论 -
jQuery的绑定与解绑方法
jQuery的4种绑定方法一、bind()与unbind()I、bind()1、定义2、语法3、参数4、案例(1)绑定单一事件(2)绑定多个事件II、unbind()1、定义2、语法3、参数4、案例(1)解绑具体事件(2)解绑全部事件二、live()与die()I、live()1、定义2、语法3、参数4、案例(1)绑定单一事件(2)绑定多个事件II、die()1、定义2、语法3、参数4、案例(1)解绑具体事件(2)解绑全部事件三、delegate()与undelegate()I、delegate()1、定义原创 2021-07-13 09:33:57 · 780 阅读 · 0 评论 -
滚动条监听事件
需求:实现当滚动条滚动到某一位置时,出现“一建回顶部”的按钮及相关事件功能,默认不显示“一建回顶部”分步骤实现:1、简易布局及样式<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title&原创 2021-06-28 15:24:04 · 10001 阅读 · 1 评论 -
获取滚动条位置
浏览器获取滚动条位置一、各浏览器下 scrollTop的差异(1)、IE6/7/8:(2)、IE9及以上:(3)、Safari(苹果公司研发的网络浏览器):(4)、Firefox(火狐):(5)、Chrome(谷歌):二、获取滚动条纵向位置的值(1)、可以使用window.pageYoffset(2)、同时只会有一个值生效特性(3)、准确的获取scrollTop的值一、各浏览器下 scrollTop的差异先来了解下各浏览器获取滚动条坐标的差别(1)、IE6/7/8:可以使用 document.doc原创 2021-06-28 14:48:49 · 7054 阅读 · 0 评论 -
修改百度地图返回的地址信息
问题描述百度地图返回的地址与我们平时所说或常见的地址有略微差异PS:此案例仅用于开发使用,若存在较大差异可联系官方更改地址案例需求官方中某定位的地址详情为"XX市XX区XXX1",但人们在日常中习惯性说"XX市XX区XXX1号",为方便人们更准确的找到地址,我们在地址返回后做一下改动实现方案在返回地址信息后替换/更改原有内容html.innerHTML= html.innerHTML.replace("原地址信息","所需地址信息");原百度地址使用案例...原创 2021-06-23 10:52:28 · 261 阅读 · 0 评论 -
a标签实现发送邮件
a标签的一些特殊使用前言一、market实现安卓搜索APP1.语法2.示例(1)代码(2)效果二、mailto实现邮件发送1.基础使用(1).语法(2).示例①.代码②.效果2.相关参数3.多参数结合(1).代码(2).效果2.读入数据总结前言一、market实现安卓搜索APP1.语法<a href="market://search?q=APP的名字">在应用商店中搜索APP的名字</a>2.示例在应用商店中搜索“微信”(1)代码<a href="market原创 2021-06-17 09:59:38 · 4072 阅读 · 0 评论 -
a标签触发手机电话相关功能
a标签的href关键字触发手机相关功能一、移动web页面自动探测电话号码1、问题描述:2、问题处理:在head标签中加入以下代码即可二、使用tel实现拨打电话1.语法2.案例(1)代码(2)效果三、使用[wtai](https://baike.baidu.com/item/wtai/4304390?fr=aladdin)协议拨打/存储电话1.拨打(1)语法(2)示例2.存储(1)语法(2)示例四、使用sms服务发送短信1.发送短信至电话号码(1)语法(2)案例①语法②效果2.发送短信内容至电话号码(1)语法原创 2021-06-16 17:09:40 · 1497 阅读 · 1 评论 -
iframe去除双滚动条
iframe嵌套的内容多的时候会自带滚动条一、问题描述二、问题处理1.思路2.实现三、效果一、问题描述当iframe嵌套的内容多的时候会自带滚动条,致使出现双滚动条,如图二、问题处理1.思路使得iframe的高度和自动根据内容的大小进行调控2.实现1、父页面增加以下内容,即根据页面内容动态给iframe高度的赋值:<script type="text/javascript"> function setIframeHeight() { var iframe原创 2021-06-07 11:51:30 · 2968 阅读 · 1 评论 -
iframe实现父子内容
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档利用iframe标签实现父子页面的嵌套一、需求及场景二、了解iframe三、代码实现1.后台代码2.前台代码3.实现效果![在这里插入图片描述](https://img-blog.csdnimg.cn/20210607113209498.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L原创 2021-06-07 11:34:06 · 520 阅读 · 1 评论 -
c:if标签实现背景图切换
背景图根据参数切换一、需求二、实现1.引入jar包2.代码编写(1)后台代码:(2)前台代码:3.实现效果一、需求根据传入的参数展示不同的背景图,用于多模块用同一页面的情况二、实现1.引入jar包jstl两个jar包,方式如下(1)点击下载【没有积分的可私信留下邮箱,看到后回复】(2)去maven仓库下载jar包(3)自行网络查找import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport sea原创 2021-06-07 10:48:28 · 212 阅读 · 0 评论 -
实现子元素绝对定位在父元素某处
实现子元素定位在父元素某处1、需求2、思路3、实现4、效果1、需求实现子元素固定在父元素的某一位置2、思路 父级元素设置 相对定位 position: relative,子级 元素设置 绝对定位 position: absolute, 然后再针 对子元素设置相应的方位bottom等属性值(如将bottom设置为0,表示的是子元素定位在距离父元素底部的0px距离处,即子元素定位在父元素底部)3、实现 PS:固定的方位可自行设置 <div style="height: 500px;wid原创 2021-06-03 16:29:50 · 1240 阅读 · 0 评论 -
CSS查找每个tr中的第一个td
CSS查找每个tr中的第一个td tr>td:first-child{ background-color: red; }原创 2021-05-26 11:11:26 · 4098 阅读 · 0 评论 -
去除a标签点击后的虚线
1、问题描述 点击标签后,标签内出现白色虚线边框,如图所示2、问题处理(1)以a标签为例,可根据实际情况换成对应的选择器(2):focus伪类,用于选择具有焦点的元素(3)outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。(4)-moz-:包括Firefox在内的Mozilla的应用里:火狐浏览器适用a:focus { outline:none; -moz-outline:none;}3、处理结果内虚线边框去.原创 2021-04-28 14:02:19 · 331 阅读 · 0 评论 -
防止多次触发click事件
一、问题描述 用户频繁触发同一表单的提交按钮可能会导致流程或程序紊乱二、需求 满足问题需求,在不妨碍用户使用的情况下禁止程序多次被触发三、实现逻辑 完成触发后解绑点击/相关事件四、实现代码1、知识点补充unbind()方法 (1) 官方说明:unbind() 方法移除被选元素的事件处理程序。该方法能够移除所有的或被选的事件处理程序,或者当事件发生时终止指定函数的运行。 (2)简单理解:解绑,与绑定相对2、代码<%...原创 2021-03-10 15:11:15 · 1263 阅读 · 0 评论 -
a href=“#“与a href=“###“的区别
一、结论 1、#:当点击链接时,页面会跳到网页头部 2、###:页面不会跳到头部,显示当前的位置二、情况适用 1、#:正常使用 2、###:实现触发链接后不跳回顶部的功能三、实践1、代码编写<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Tra...原创 2021-03-10 11:22:14 · 700 阅读 · 0 评论 -
浏览器限制页面后退
一、应用场景:项目开发过程中,可能会因为群众没有通过系统的返回按钮触发,而是直接通过浏览器后退导致系统异常。所以必要时可禁止页面通过浏览器后退二、实现1、js文件: jquery的js文件,无版本限制<script type="text/javascript" src="js/jquery-2.1.1.js"></script>2、功能实现<script type="text/javascript"> window.history.push原创 2021-01-26 17:33:17 · 320 阅读 · 0 评论 -
通过js获取当前li标签内a标签的值
1、需求:用js实现获取当前选择的li标签内a/span对应的值2、实现<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title></title> <s原创 2021-01-04 11:43:36 · 1727 阅读 · 0 评论 -
nodejs moment时间与时间戳的转换
一、概要:Moment.min.js:JavaScript 日期处理类库二、需求:实现时间格式与时间戳的转换三、实现代码(1)引入相关类库:文件下载(没积分的私信留邮箱)<script type="text/javascript" src="js/moment.min.js"></script>(2)编写代码<script type="text/javascript"> var date1="2020-12-31 09:53:24";原创 2020-12-31 10:24:17 · 3020 阅读 · 1 评论 -
SyntaxError: identifier starts immediately after numeric literal
一、原代码//id是变量,为saveStatus的动态参数var btn='<a href="#" onclick="saveStatus('+id+')">调整</a>';二、执行效果出现异常信息:SyntaxError: identifier starts immediately after numeric literal三、异常分析乍一看好像没有没问题,变量用单引号+起来,但是,我们忽略了一个点:它不是一个普通的html代码,而是整体都在在单引...原创 2020-12-25 14:26:01 · 528 阅读 · 0 评论 -
去除button点击时的边框
1、问题:button按钮的边框,通过css样式设置不显示,但点击是会出现2、解决:配置按钮的光标事件和边框属性3、实现代码<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <ti原创 2020-11-30 15:56:13 · 4628 阅读 · 1 评论 -
CSS背景图自适应屏幕
1、问题:屏幕小,图片大,会出现图片在屏幕里显示不全的问题2、处理:自适应屏幕,无论背景图与屏幕是否一致,都可以自适应大小、匹配3、方案background: url("imgs/bcg.png") no-repeat center center;/* 背景图路径 背景图不平铺 背景图垂直、水平均居中 */background-size:cover; /* 让背景图基于容器大小伸缩 */background-attachment:fixed; /* 当内容高度大于图片高度时,原创 2020-11-30 11:00:24 · 3050 阅读 · 3 评论 -
子页面操作父页面元素
要求:iframe子页面获取父页面的值语法window.parent.document案例:当前页面为子页面,muserName为父页面的一个元素idwindow.parent.document.getElementById("muserName").value;$("#muserName",window.parent.document).val();...原创 2020-09-14 13:25:04 · 410 阅读 · 0 评论 -
HTML分组标签fieldset
1、标签:<fieldset>2、作用: (1)可以将表单内的相关元素分组; (2)会在相关表单元素周围绘制边框;3、语法 <fieldset> <legend>组的名字</legend> 内容 </fieldset>4、案例 <fieldset> <legend>个人信息:</legend> 姓名: <input ty...原创 2020-09-06 12:30:12 · 3867 阅读 · 0 评论 -
圆角border-radius
一、语法1、分开写border-top-left-radius:左上;border-top-right-radius:右上;border-bottom-right-radius:右下;border-bottom-left-radius:左下;2、合并写(1)四个参数 border-radius:左上 右上 右下 左下;(2)三个参数border-radius:左上 右上左下 右下;(3)两个参数border-radius:左上右下 右上左下;(4)原创 2020-09-03 17:23:21 · 303 阅读 · 0 评论 -
访问接口跨域请求
一、跨域1、当两个域具有相同的协议(如http), 相同的端口(如80),相同的host(如www.google.com),那么我们就可以认为它们是相同的域(协议,域名,端口都必须相同)。2、跨域就指着协议,域名,端口不一致,出于安全考虑,跨域的资源之间是无法交互的(例如一般情况跨域的JavaScript无法交互,当然有很多解决跨域的方案)二、导致跨域的原因:同源策略跨域的出现是因为浏览器的同源策略的限制,出发点是为了安全起见同源策略的方向一是针对接口的请求,二是针对Dom的查询。没有原创 2020-06-16 16:58:57 · 2395 阅读 · 0 评论 -
JavaScript简易版记住密码
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>记住密码</title> <meta http-equiv="pragma" content="no-cach.原创 2020-05-11 15:41:52 · 298 阅读 · 0 评论 -
了解cookie
一、概述1、cookie是一种会话跟踪技术,用于在进行网页访问的时候,存储页面中的某些数据信息。2、Cookie是一小段文本信息,伴随着用户请求在 Web 服务器和浏览器之间传递。它存储于访问者的计算机中,每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。cookie是浏览器提供的一种机制,它将 document 对象的 cookie 属性提供给 JavaScript。可以使用JavaScript来创建和获取cookie 的值,因此我们可以通过document.cookie访.原创 2020-05-11 12:27:51 · 521 阅读 · 0 评论 -
input标签的文件上传
一、背景:简易版SpringMVC项目(链接.do结尾)下实现文件上传1、导入所需jar包2、springmvc-servlet.xml文件中增加文件上传的配置<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">...原创 2020-05-06 17:40:53 · 1027 阅读 · 0 评论 -
js判断字符串以某字符开头或结尾
一、substr(start,length)函数1、概述:substr(start,length) :从start开始往后截取length位【下标从0开始,长度从开始下标计算】2、举例var str="我是一只快乐的小青蛙";str.substr(0,2):从下标为0开始往后截取2位【我是】str.substr(4,3):从下标为4开始往后截取3位【快乐的】二、判断字符串...原创 2020-05-07 11:49:38 · 12802 阅读 · 0 评论 -
动态给img绑定点击事件
需求:动态绑定img的点击事件,并实现点击放大的功能1、inImg为img的class名字var str = document.getElementsByClassName("inImg");2、利用each绑定点击事件,并获取对应图片的src地址$(".inImg").each(function(index){ $(this).click(function(obj) {...原创 2020-04-30 15:18:04 · 4257 阅读 · 1 评论 -
js获取对象中的所有key
情况:不知对象里有哪些key,可以通过以下方法遍历,使我们快速得知对象所含key/* object:对象名字(要遍历的对象) obj:临时变量名 (对象里的key) */ for(var obj in object){ alert(obj); }...原创 2020-04-24 10:37:14 · 1438 阅读 · 0 评论 -
英文或数字换行
1、情况div中,中文可以换行(图一),英文(图二)和数字(图三)无法换行 图一 ...原创 2020-04-22 17:19:42 · 369 阅读 · 0 评论 -
HTML与JSP的简单比较
一、初步了解HTML(HyperText Markup Language)超文本标记语言 :它是静态页面,和JavaScript一样属于解释型语言。可以直接执行,只要有一个浏览器它就可以正常显示,而不需要指定编译工具,只需在txt文档中写上HTML标记就可以。JSP(Java Server Pages)java服务器页面:它和servle技术一样,都是SUN公司定义的一种用于开发动态web...原创 2019-11-20 15:53:11 · 428 阅读 · 0 评论 -
实现根据地名出现百度地图
1、导入js文件:下载文件 <script type="text/javascript" src="js/baidumap/bdmapapi.js"></script> 2、编写body<input id="add" placeholder="请输入地点"><button onclick="getMap()">搜索</butto...原创 2020-03-23 15:27:13 · 684 阅读 · 0 评论 -
取消radio的选中
$('input:radio[name="sex"]:checked').prop("checked", false);原创 2020-02-21 16:05:03 · 642 阅读 · 0 评论 -
禁止a标签的点击事件
了解一下:“pointer-events”属性可阻止hover、active、onclick等触发事件1、可以直接在a标签上加属性<a style="pointer-events: none;"/>2、 也可以通过id或者class来控制是否阻止触发事件$("#aaa").css("pointer-events","none"); //阻止$("#aaa")...原创 2020-01-17 14:53:49 · 1657 阅读 · 0 评论 -
选择器中带小数点
我们在开发过程中,偶尔会遇到id或者class中会带小数点,例如<input id="a.name" value="张三" />按照一贯的根据id获取value值得方式是行不通的,所以需要对特殊的符号进行转义【在小数点前加入“\\”】,正确的获取方式如下<script type="text/javascript"> var name= $("#a...原创 2020-01-17 14:45:08 · 495 阅读 · 0 评论 -
所有子div的高度一样
本文案例:3个不同内容量的子div高度一致第一步:编写html代码<div id="parent"> <div class="child">子div1</div> <div class="child">子div2</div> <div class="child">子div3<...原创 2019-12-02 09:26:07 · 615 阅读 · 0 评论 -
实现ajax的同步请求
jQuery中调用ajax的4种方法:$.get()、$.post()、$getJSON()和$ajax(),都是异步请求。但有时候不得不用,且需要同步请求时。那我们可参考以下方法一、$.get()、$.post()和$getJSON()都直接在执行操作之前设置同步即可 //$.post() $.ajaxSettings.async = false; //执行之前,设置为...原创 2019-11-19 15:27:44 · 771 阅读 · 0 评论 -
jQuery中调用ajax的4种方法:$.get()、$.post()、$getJSON()和$ajax()。
首先需要知道的是,这四种方法都是异步请求一、$.get()请求说明:$.get()是以GET方式实现AJAX异步请求的,在提交短数据【数据量不能太多,最大4KB】时可用。语法及参数含义:$.get( url, //必需:将请求发送到哪里的URL链接 data, //可选:连同请求发送到服务器的数据【俗称:参数】 succe...原创 2019-11-19 15:10:45 · 1013 阅读 · 0 评论