button没写type=button会导致点击时提交_javascript技巧

有个地方很奇怪：点击了一个弹窗中的按钮，没想到弹窗消失了，经公司的js高手调试，发现了其中的奥秘

复制代码 代码如下:

<button class="btn btn_set_wj" onclick="add_q()">添加调查问卷</button>

加一个type ="button" 就好了：

复制代码 代码如下:

<button class="btn btn_set_wj" type ="button" onclick="add_q()">添加调查问卷</button>

不同的浏览器支持的规则不同

时间： 2024-09-01 16:16:24

button没写type=button会导致点击时提交_javascript技巧的相关文章

button没写type=button会导致点击时提交

 点击了一个弹窗中的按钮,想到弹窗消失了,经测试后发现button 没写type=button会导致点击时提交 有个地方很奇怪:点击了一个弹窗中的按钮,没想到弹窗消失了,经公司的js高手调试,发现了其中的奥秘  代码如下: <button class="btn btn_set_wj" onclick="add_q()">添加调查问卷</button>    加一个type ="button" 就好了:   代码如下: &l

js 获取、清空input type=&amp;quot;file&amp;quot;的值(示例代码)_javascript技巧

上传控件(<input type="file"/>)用于在客户端浏览并上传文件,用户选取的路径可以由value属性获取,但value属性是只读的,不能通过 javascript来赋值,这就使得不能通过value=""语句来清空它.很容易理解为什么只读,如果可以随意赋值的话,那么用户只要打开你的网页, 你就可以随心所欲的上传他电脑上的文件了. js 获取<intput type=file />的值 复制代码 代码如下: <html>

JavaScript写的一个自定义弹出式对话框代码_javascript技巧

下图是我的设计思路 下面是具体的js代码 1,首先定义几个自定义函数 代码 复制代码 代码如下: //判断是否为数组 function isArray(v) { return v && typeof v.length == 'number' && typeof v.splice == 'function'; } //创建元素 function createEle(tagName) { return document.createElement(tagName); } //在

动态创建script在IE中缓存js文件时导致编码的解决方法_javascript技巧

先看下重现代码 1, gb2312.html 该文件编码为gb2312 复制代码 代码如下: <!DOCTYPE html> <html> <head> <title></title> <meta charset="gb2312"/> <style> p { color: red; } </style> </head> <body> <button onclic

分享一个自己写的table表格排序js插件(高效简洁)_javascript技巧

像:jQuery的table排序插件(感觉其使用比较麻烦或不清楚其具体用法,就没有使用).原生态js的table排序插件等,最后比较看了下--采用了一个原生态js的table排序插件,并在其基础上做了些修改,虽有些勉强或有些地方使用不太舒服,但最算是比较好的实现了当时需要的功能.而前两天,对原有表格做了点儿修改--增加隔行换色的功能,问题就出现了,--效果错乱:检查分析了下,问题出在其table排序插件代码上--其原代码写的比较难理解,修改还不如重新自己写一个table排序插件. 说写就写,ta

js中将多个语句写成一个语句的两种方法小结_javascript技巧

Javascript 中将多个语句写成一个语句的两种方法小结一.使用逗号运算符将多个语句写成一个语句  1.一次声明多个变量  var i=1,j=1,k=1  2.多个语句用逗号间隔  i=1,j=i+2,k=j+2  二.使用花括号将多个语句写成一个语句  if语句.while语句.do/while语句.for语句.for/in语句和function语句等语句后都只能跟随一个子语句,此时可以用{和}将多条语句围起来变成一个语句.  复制代码 代码如下: if(username==null) 

写了个XML+Tree无穷树js版_javascript技巧

<?xml version="1.0" encoding="utf-8" ?> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] <?xml version="1.0" encoding="utf-8" ?> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

JS写的数字拼图小游戏代码[学习参考]_javascript技巧

复制代码 代码如下: <html> <head> <title>拼图</title> <style> td.numTd{ width : 20px ; height : 20px ; } div.numDiv{ width : 100% ; height : 100% ; background-color : #000 ; color : #FFF ; text-align : center ; vertical-align : middle ;

CSS按钮样式之button标签与input type=button的区别详解

转载文章,原文地址:http://ipmtea.net/css/201006/16_5.html   对于每个程序设计者来说,为用户提供一个风格统一的界面是一项不变的要求.但是在网页上实现这种风格统一却显得格外困难,因为不同操作系统.不同浏览器对网页内容的表现方式存在着差       对于每个程序设计者来说,为用户提供一个风格统一的界面是一项不变的要求.但是在网页上实现这种风格统一却显得格外困难,因为不同操作系统.不同浏览器对网页内容的表现方式存在着差异,而且这种差异几乎毫无规律性.在处理表单元