关于为什么有些<a>和<input>标签中的onclick方法会有return，如<a class = '' onclick = upload();return>

最新推荐文章于 2023-02-19 20:53:41 发布
最新推荐文章于 2023-02-19 20:53:41 发布
阅读量678 收藏 1
点赞数
分类专栏： JSP问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ck457897564/article/details/52231401
版权

关于为什么有些<a>和<input>标签中的onclick方法会有return，如<a class = '' onclick = "upload();return;" ></a>


今天刚好看到代码中有上传事件；其中有个点击附加上传的方法，但是这个upload（）方法后面还有个return，我查了下，有些写的是return false；意思是这个onclick方法中已经有提交了，如果不写return 就会有两次提交，因为在最后的form标签还会提交一次。

橙子和栗子
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Angular 组件间传值|@Input&@Output|Subject
湾湾叉会儿腰的博客
10-18 1673
Angular 组件间传值一、@Input & @Output & EventEmitter二、基于 RxJs Subject 的组件间通信 一、@Input & @Output & EventEmitter 什么是 @Input？什么是 @Output？ @Input 是用于定于模块输入是用于父组件给子组件传值的。 @Output 是用于子组件给父组件传值的。@Output 将子组件中的属性标记为数据，从子组件传到父组件，并且使用该属性提出事件，从而通知父组件去
使用原生的input封装一个自己的upload组件
WoSNBBCSDN的博客
06-16 532
写在最前面，这里的组件使用了vue-antd，以免有些大佬copy代码运行出错 代码里面有注释了 <template> <div> <div v-if="path.length != 0"> <div class="img-box" v-for="(item,index) of path" :key="index"> <img :src="item" alt /> <div clas.
js动态添加input按钮并给按钮增加onclick的函数事件带参数
热门推荐
ct637337的博客
09-24 2万+
js中动态给单元格增加一个input按钮，table的id=“pagelist" var nRow = $("pagelist").insertRow("此处为第几行：如3--->第三行添加"); nRow.className = "tableContent1"; nRow.insertCell(){ innerHTML = ""; onclick = new Function("arg
移動端input唤起键盘 return 鍵修改为搜索
学如逆水行舟，不进则退
07-28 792
出處 将input的type修改为search：是HTML5 中的新类型 关于兼容性可以查阅MDN 手机端毫无压力，可以放心使用 亲测 安卓机会变为搜索或搜索的????的符号按钮 IOS变为换行 现在算是把安卓机的问题搞定了 接下来是ios 需要在外层包裹form <form action="javascript:return true"> <input type="search" :placeholder="请输入" autofo
使用按钮(button)实现文件上传
AKALXH的博客
10-14 1万+
使用按钮来实现文件上传的功能 今天写项目,实现一个图片上传功能,为了美观点就不想使用 它, 因为真滴丑~ .然后就使用一个按钮来实现一个文件上传,既美观又实用,在此分享给大家. => html中代码 <button class="btn btn-theme" onclick="upload.click()"> <input type="file" name="upload" id="upload" style="display: none;" /> 第一个是普通按钮给
使用button触发FileUpload控件的click事件
Amylia_Jung的博客
02-19 1058
通过点击button按钮触发FileUpload控件，避免因浏览器不同而导致FileUpload控件样式发生变化，影响页面效果。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="./CSS/index.css"> <script type="text/javascript" src="./js/jquery-3.3.1.js"></script> <title>Document</title> </head> <body> <div class="divclass"> <button onclick="getLogIn()">log in</button> <hr> <input type="file" id="uploadFile" name="uploadFile" /> <button onclick="addFile()" type="submit">提交</button> <hr> <input type="text" id="downloadfilename"> <button onclick="downloadFile()" target="new target">下载</button> </div> </body> <!-- http://127.0.0.1:8082/localTest/upload --> <!-- http://127.0.0.1:8082/localTest/testDownload --> <script> function getLogIn() { window.location.href = "./pages/login.html"; } function downloadFile() { var filename = document.getElementById("downloadfilename").value; //window.open("http://127.0.0.1:8082/localTest/testDownload?filename=" + encodeURI(filename)); window.open("http://127.0.0.1:8088/api/DownloadByCustomer?filename=" + encodeURI(filename)); } function addFile() { var formData = new FormData(); formData.append("file1", document.getElementById('uploadFile').files[0]); $.ajax({ url: 'http://127.0.0.1:8088/admApi/admUpload', type: 'POST', data: formData, // 上传formdata封装的数据包 //dataType: 'JSON', timeout: 10000, cache: false, // 不缓存 processData: false, // jQuery不要去处理发送的数据 contentType: false, // jQuery不要去设置Content-Type请求头 success: function (res) { console.log(res) console.log("上传成功"); return alert("上传成功"); }, error: function (sd) { console.log(sd) console.log("上传失败"); return alert("上传失败"); } }); }; </script> </html>
最新发布
06-03
其中，上传文件的代码使用了 jQuery 的 ajax 方法，将文件数据包装为 FormData 格式上传。下载文件的代码使用了 window.open 方法，将文件名作为参数拼接在 URL 后面进行下载。页面中的地址都是本地地址，需要根据...
在ASP.NET中实现多文件上传的方法
10-31
在ASP.NET中实现多文件上传的方法是Web应用程序中常见的需求，尤其在处理用户需要一次性上传多个文件的场景下。在早期的Web开发中，文件上传确实存在诸多挑战，但随着.NET框架的发展，这一过程得到了极大的简化。...
React图片上传组件react-fileupload的使用方法
spcming的博客
10-04 2920
react-fileupload的安装 使用npm install react-fileupload --save 或 yarn react-fileupload 安装均可 使用方法 若在开发时用的是react@15.x的版本，直接引入一下代码即可使用 const FileUpload = require('react-fileupload'); ... render(){ /*set properties*/ const options={ baseUrl:'http://127.0.0.1',
react项目经验
05-25 2869
调用后返回上一页&&跳转至当前页 this.props.history.goBack(); 返回 this.props.history.push("/index/setting/basicsetting"); 跳转 this.props.history.go(-1) 跳转 当使用时出现以下错误Cannot read property 'push' of un...
input的onclick 大全
weixin_34279579的博客
02-19 781
<INPUT onclick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开 name=Button1> <INPUT onclick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为 name=...
onclick="function()"和onclick="return function();"区别
阶段丶成长的博客
08-02 1万+
onclick="function()" 表示只会执行 function , 但是不会传回 function 中之回传值onclick = "return function()" 则是 执行 function并传回 function 中之回传值 eg： function doAlert() { var fail_this_check = true; if(fail_this_ch
vue-antd-upliad文件上传打开选择文件弹框出现前进行的事件
zwszh的博客
12-21 2529
关于vue antd upload的问题 今天遇到这个一个问题，是antd的上传，上传之前要进行判断，如果之前上传过一次，那就会有一个提示弹出，然后判断他是继续操作还是取消操作，点击确定按钮后呢，我的提示框消失，上传的弹框弹出，但是要再次点击一次才会触发事件。 代码如下： data = pd.read_csv( 'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv') print(data.head()) 然后这个是在网上找.
antd的upload组件的各种上传、下载操作(vue)
zero00122的博客
12-01 1万+
antd（vue）的upload组件 文件上传下载的相关操作
如何用button触发fileupload控件的click事件
zhaoyipei1977的专栏
05-06 6198
正儿八经是这样的，若执行无效的话，有可能与MasterPageFile母版中的ContentPlaceHolder1有关。 web页面：                  //单击按钮，就像单击“浏览...”一样作用         function BrowseFile() {             document.getElementById("FileUpload1").st
a链接的onclick与js中的return false
jcpp9527的博客
01-04 1014
a链接的onclick与js中的return false 在学习《javascript基础教程》第八版时，有一个小细节开始不是很明白，查了一些资料后，理了一下思路。例子的html代码： DOCTYPE html> html> head> title>Rotating Banner with Linkstitle> script src="script08.js"
HTML5异步上传图片（支持预览和进度条），使用其他按钮触发file onclick事件，解决某些浏览器无法触发的问题
Clement-Xu的专栏
11-09 3986
很多情景下，都要求不要直接点击html的file标签，而是点击另外一个更加美观的图片，然后触发file标签的onclick事件打开系统的文件选择器。然而，某些低版本的浏览器为了安全，不支持onclick事件传递给file标签。百度搜索了半天，都是介绍把file标签透明化，然后覆盖再另外一个图片上面。可是这种非但比较复杂，还难以扩展和维护。 感谢万能的stackoverflow，终于在某个问题的某
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值