javascript常见错误
初学Javascript,每天总是被很小的问题折磨半天,今晚就有好几个小问题。
第一:全部使用双引号造成匹配错误
<input type="checkbox" onmouseover="document.getElementById("test").style.display="none":"/>
改行一直报错误:unexpected toke “}” 检查半天也没有发现错误,对照发现视频上是使用单引号
<input type="checkbox" onmouseover="document.getElementById('test').style.display="none":"/>
改成单引号后错误总算消除,困扰我一夜晚。。附上链接http://www.cnblogs.com/chinabc/archive/2010/11/19/1881947.html
第二:错误添加分号
<div id="test" class="test1" onmouseover="toYellow()" ;onmouseout="toRed()";>change</div>
多写了一个分号,导致分号后的代码不执行
第三:函数名后多写括号
<script>
function toYellow(){
document.getElementById("test").className="test2";
}
function toRed(){
document.getElementById("test").className="test1";
}
document.getElementById("test").onmouseover=toYellow();
document.getElementById("test").onmouseout=toRed();
</script>
却掉 toYellow()和 toRed()后的括号后正常执行
第四:checkbox的checked属性修改
用三个按钮实现checkbox的全选、全部选、反选。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button id="btn">全选</button>
<button id="nobtn">全不选</button>
<button id="inverse">反选</button><br />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<script>
var btn=document.getElementById("btn");
var input=document.getElementsByTagName("input");
btn.onclick=function(){
for(var i=0;i<input.length;i++){
input[i].checked="checked";
}
}
var nobtn=document.getElementById("nobtn");
nobtn.onclick=function(){
for(var i=0;i<input.length;i++){
input[i].checked=false;
}
}
var inverse=document.getElementById("inverse");
inverse.onclick=function(){
for(var i=0;i<input.length;i++){
if(input[i].checked==false){
input[i].checked=true;
}else{
input[i].checked=false;
}
}
}
</script>
</body>
</html>
javascript常见错误的更多相关文章
- JavaScript 常见错误
1. 严格缩进 JavaScript 会自动添加句末的分号,导致一些难以察觉的错误 return { key: value }; // 相当于 return; { key: value }; 2. 括 ...
- HTML | CSS | JavaScript 常见错误
持续更新 超链接鼠标悬浮后的状态 a:hover 拼写 图片文件的路径问题
- Hibernate常见错误整理
Hibernate常见错误合集 1.错误:object references an unsaved transient instance - save the transient instance ...
- SpringMVC接受JSON参数详解及常见错误总结我改
SpringMVC接受JSON参数详解及常见错误总结 最近一段时间不想使用Session了,想感受一下Token这样比较安全,稳健的方式,顺便写一个统一的接口给浏览器还有APP.所以把一个练手项目的前 ...
- ***在PHP语言中使用JSON和将json还原成数组(json_decode()的常见错误)
在之前我写过php返回json数据简单实例,刚刚上网,突然发现一篇文章,也是介绍json的,还挺详细,值得参考.内容如下 从5.2版本开始,PHP原生提供json_encode()和json_deco ...
- SpringMVC接受JSON参数详解及常见错误总结
SpringMVC接受JSON参数详解及常见错误总结 SpringMVC接受JSON参数详解及常见错误总结 最近一段时间不想使用Session了,想感受一下Token这样比较安全,稳健的方式,顺便写一 ...
- JavaScript 常见使用误区
JavaScript 常见使用误区,都是平时开发过程中填过的一些坑,整理记录下. 比较运算符常见错误 //在常规的==比较中,数据类型是被忽略的,以下 if 条件语句返回 true: var x = ...
- LoadRuner常见错误
LoadRuner常见错误 一.Step download timeout (120 seconds) 这是一个经常会遇到的问题,解决得办法走以下步骤: 1. 修改run time setting中的 ...
- 关于JavaScript 常见的面试题
关于JavaScript常见的面试题总结 一.JavaScript基本数据类型 null:空.无.表示不存在,当为对象的属性赋值为null,表示删除该属性 undefined:未定义.当声明变量却没有 ...
随机推荐
- Codeforces 706 C. Hard problem (dp)
题目链接:http://codeforces.com/problemset/problem/706/C 给你n个字符串,可以反转任意一个字符串,反转每个字符串都有其对应的花费ci. 经过操作后是否能满 ...
- Tomcat 系统架构与设计模式,第 2 部分: 设计模式分析(转载)
简介: 这个分为两个部分的系列文章研究了 Apache Tomcat 服务器的系统架构以及其运用的很多经典设计模式.第 1 部分 分析了 Tomcat 的工作原理,第 2 部分将分析 Tomcat 中 ...
- Javascript 正则表达式校验数字
$("input[datatype=number]").blur(function () { var str = $(this).val( ...
- 当类库项目中无法使用Application.StartupPath
通常我们WinForm编程时,要获取程序当前运行的文件夹路径会用Application.StartupPath ,但是Application.StartupPath在编写类库项目时却无法使用,因为我们 ...
- jquery checkbox选中状态
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- HTML第六天学习笔记
今天主要对思维导图笔记进行了整理与更新:
- C++的优秀特性2:inline 函数
(转载请注明原创于潘多拉盒子) Inline函数是C++的一个很小的特性,在不计较效率的情况下,这个特性似乎可有可无.然而,C++天生是为最为广泛的应用场景设计的,因此,总会有关于效率的问题.其实,除 ...
- Android中Webview使用javascript调用事先定义好的Java函数
1. 首先定义好一个类,专们用于给javascript调用 public class JavaScriptInterface { // share your news public void shar ...
- netcdf入门(转)
一.概述 NetCDF全称为network Common Data Format,中文译法为“网络通用数据格式”,对程序员来说,它和zip.jpeg.bmp文件格式类似,都是一种文件格式的标准.ne ...
- linux C(hello world) 二维数组的练习