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

最新推荐文章于 2020-10-04 10:53:28 发布
最新推荐文章于 2020-10-04 10:53:28 发布
阅读量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标签还会提交一次。

橙子和栗子
关注
专栏目录
Angular 组件间传值|@Input&@Output|Subject
湾湾叉会儿腰的博客
10-18 1682
Angular 组件间传值一、@Input & @Output & EventEmitter二、基于 RxJs Subject 的组件间通信 一、@Input & @Output & EventEmitter 什么是 @Input？什么是 @Output？ @Input 是用于定于模块输入是用于父组件给子组件传值的。 @Output 是用于子组件给父组件传值的。@Output 将子组件中的属性标记为数据，从子组件传到父组件，并且使用该属性提出事件，从而通知父组件去
使用原生的input封装一个自己的upload组件
WoSNBBCSDN的博客
06-16 535
写在最前面，这里的组件使用了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 813
出處 将input的type修改为search：是HTML5 中的新类型 关于兼容性可以查阅MDN 手机端毫无压力，可以放心使用 亲测 安卓机会变为搜索或搜索的????的符号按钮 IOS变为换行 现在算是把安卓机的问题搞定了 接下来是ios 需要在外层包裹form <form action="javascript:return true"> <input type="search" :placeholder="请输入" autofo
说说a标签的onclick和href
chunguang.yao的博客
07-15 297
在平时我们一般会在列表中的最后一列给加上操作功能，一般的操作功能是修改和删除，这个操作我们可以通过a标签来实现其功能。 &lt;a class="pn-opt" href="#"&gt;修改&lt;/a&gt; | &lt;a class="pn-opt" onclick="if(!confirm('您确定删除吗？')) {return false;} window.location.href.
<!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 2927
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 2871
调用后返回上一页&&跳转至当前页 this.props.history.goBack(); 返回 this.props.history.push("/index/setting/basicsetting"); 跳转 this.props.history.go(-1) 跳转 当使用时出现以下错误Cannot read property 'push' of un...
js获取上传文件的绝对路径实现方法
12-10
在html中 <input type="file" id="importFile" /> <input type="button" onclick="upload()"/> [removed] function upload() { var filename = document.getElementById("importFile").value; // 这时的filename不是 importFile 框中的值 alert(filename); } [removed] 如上面的代码，用文件上传对话框选择文件后，如果选择”D:\\temp\file\test.txt”文
input的onclick 大全
weixin_34279579的博客
02-19 785
<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
移动端页面自定义input唤起键盘return，换行键为搜索
weixin_34292287的博客
12-07 3502
最近产品有个需求：移动端页面自定义input唤起键盘return，换行键为搜索。我的第一反应我要阻止原生的键盘弹起并且用js写一个虚拟键盘还要可以输入中文！！！想想就觉得可怕。 还好接下来查到一个简单的方案 将input的type修改为search：是HTML5 中的新类型 关于兼容性可以查阅MDN 手机端毫无压力，可以放心使用 亲测 安卓机会变为搜索或搜索的
如何用button触发fileupload控件的click事件
zhaoyipei1977的专栏
05-06 6207
正儿八经是这样的，若执行无效的话，有可能与MasterPageFile母版中的ContentPlaceHolder1有关。 web页面：                  //单击按钮，就像单击“浏览...”一样作用         function BrowseFile() {             document.getElementById("FileUpload1").st
js中onclick事件用“return”开头+方法名的返回值
Maybe_9527的博客
08-05 5443
js中onclick事件用“return”开头+方法名，方法内的返回值如果在任何一个事件上添加js方法上的时候要加上return; 在方法里面要加上返回值。return true:事件本身的功能接着往上执行 return false:事件本身的功能不执行。比如：在a标签内使用onClick事件，如果a标签的“href”是一个有效地址，则方法（函数）return true时，onClick结
onclick事件触发 input type=“file” 上传文件
yanqux的专栏
02-17 3万+
添加按钮： 　　   script type="text/javascript">  function openBrowse(){  　　var ie=navigator.appName=="Microsoft Internet Explorer" ? true : false;  　　if(ie){  　　　　document.getElementByI
bootstrap中好看的文件上传样式（持续更新中）
热门推荐
糖糖糖糖糖糖分
02-26 6万+
一 直接使用bootstrap，利用简单的js控制 http://duckranger.com/2012/06/pretty-file-input-field-in-bootstrap/ 非常简单，代码如下： Browse $('input[id=lefile]').change(function() { $('#photoCover').val($(this).v
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值