客户端脚本中常常出现的一些问题和调试技巧

1.出错情况：语法错误
<div id=div1></div>
<script language="javascript">
document.write("never-online";
</script>
解释：上面的示例是一个典型例子，方法名都要用()括起来()里的是参数。
也许有人不屑一顾，但在论坛中。这种错误不在少数。
Tips：这种问题解决起来比较简单，一般都可以解决。

2.出错情况：引号用法不正确
<script>
s="alert("never-online")";
</script>
解释：在javascript或是vbscript的编程中，引号出错的机率是很大的，不管是有多丰富的编程经验，遇到大量的字符串拼接，或者是一不小心的敲错'（"），都会出现“语法错误”或者是“缺少'”。
Tips：在进行大量的字符拼接时，需要注意引号的转义用法。如上面的就可以写成：s="alert(\"never-online\")";或者s='alert("never-online")';
相关链接：js技巧--转义符"\"的妙用 - http://blog.csdn.net/bluedestiny/archive/2006/03/15/625061.aspx

3.出错情况：未知软性错误

<script language="javascript">
cntMax=100;
div=document.createElement("DIV");
document.body.appendChild(div);
var myFun=function() {
for(var i=0;i<cntMax;i++);
div.innerHTML+="<b>i: " +i+ "</b><br/>";
div.innerHtml+="http://www.never-online.net";
}
myFun();
</script>

运行出来，没有提示错误，这给人一个错觉，像类似这种软性错误是比较难找的。
所以平常写程序，必须细心。
Tips：编程时应该注意自己的习惯，像在for(var i=0;i<cntMax;i++);这里，分号如果用了{来括起来，这种情况就完全可以避免，看SDK文档时，要仔细阅读，大小写出错一般都会“对象没有此方法”之类的提示，但在脚本中，对象可以动态的添加方法和属性。所以，上面的div.innerHtml="http://www.never-online.net"不会出错。而div的innerHTML又没有得到值。

4.出错情况：对语言的理解错误
最常见的可能算是this关键字了，这里就举一个例子来说明
this语义：指向当前对象的指针。
例子：
<script>
function a() {
this.m = "never-online";
this.f = function() {
alert(this.m);
}
}
var b = new a();
b.f();
</script>
相信上面这个例子，很多人都理解。this指向的是a()
再看下面这个例子：
<div id=div1>div container - onmouseover handle</div>
<script>
function a() {
this.m = val = 'never-online';
var div = document.getElementById("div1");
div.onmouseover=function() {
alert(this.m);
}
alert(this.m);
}
a();
</script>
这一个例子，有些兄弟可能就不能理解了，仔细看看之后，也可以预测输出结果。
解释：this.m = val = 'never-online'这一句是赋值，其中的this.m中的this指向的是当前对象a()；
而div.onmouseover里的this指的对象是document.getElementById("div1")这个对象，（因为div并不属于a对象）即相当于把代码写在这里：
<div id=div1 onmouseover="alert(this.m)">div container - onmouseover handle</div>
因此在div.onmouseover的function里this.m出现undefined并不奇怪。

赞 (0)

相关推荐

  • 客户端脚本中常常出现的一些问题和调试技巧

    1.出错情况:语法错误 <div id=div1></div> <script language="javascript"> document.write("never-online"; </script> 解释:上面的示例是一个典型例子,方法名都要用()括起来()里的是参数. 也许有人不屑一顾,但在论坛中.这种错误不在少数. Tips:这种问题解决起来比较简单,一般都可以解决. 2.出错情况:引号用法不正确 <

  • 如何在UpdatePanel中调用JS客户端脚本

    页面中加入了UpdatePanel后,Response.Write("<script>function dis (){alert('这是调用写在server的JS');}</script>")来调用客户端脚本,无任何提示的无反应.如何在UpdatePanel中调用JS客户端脚本呢? 方法:采用 ScriptManager.RegisterStartupScript(Control controlId,Type this.GetType(),String key,

  • Javascript客户端脚本的设计和应用

    Javascript基本概念 JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言,最初由Netscape公司创造出来,起名Live Script,它和Java的关系只有一个:名字比较像.使用它的目的是与HTML超文本标记语言.Java 脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用.从而可以开发客户端的应用程序等.它是通过嵌入或调入在标准的HTML语言中实现的.它的出现弥补了HTML语言的缺陷,

  • Shell脚本中执行sql语句操作mysql的5种方法

    对于自动化运维,诸如备份恢复之类的,DBA经常需要将SQL语句封装到shell脚本.本文描述了在Linux环境下mysql数据库中,shell脚本下调用sql语句的几种方法,供大家参考.对于脚本输出的结果美化,需要进一步完善和调整.以下为具体的示例及其方法. 1.将SQL语句直接嵌入到shell脚本文件中 复制代码 代码如下: --演示环境  [root@SZDB ~]# more /etc/issue  CentOS release 5.9 (Final)  Kernel \r on an \

  • Powershell脚本中包含文件资源的例子

    Powershell3.0及以后版本. 如果你的脚本需要添加额外资源,比如文本中的服务器名.图片名等等,这时你需要考虑脚本的灵活性. 不要使用绝对路径去指派你的资源路径,在Powershell3.0中可以使用$PSScriptRoot替代你的脚本路径(不支持2.0) 复制代码 代码如下: $picture = "$PSScriptRoot\Resources\picture.png" Test-Path -Path $picture   $data = "$PSScriptR

  • shell脚本中echo显示内容带颜色的实现方法

    shell脚本中echo显示内容带颜色显示,echo显示带颜色,需要使用参数-e 格式如下: 复制代码 代码如下: echo -e "\033[字背景颜色:文字颜色m字符串\033[0m" 例如: 复制代码 代码如下: echo -e "\033[41;36m something here \033[0m" 其中41的位置代表底色, 36的位置是代表字的颜色 注: 1.字背景颜色和文字颜色之间是英文的"" 2.文字颜色后面有个m 3.字符串前后可

  • Linux 在Shell脚本中使用函数实例详解

    Linux 在Shell脚本中使用函数实例详解 Shell的函数 Shell程序也支持函数.函数能完成一特定的功能,可以重复调用这个函数. 函数格式如下: 函数名() { 函数体 } 函数调用方式: 函数名 参数列表 实例:编写一函数add求两个数的和,这两个数用位置参数传入,最后输出结果. root@ubuntu:/home/study# vi test3 #!/bin/bash add(){ a=$1; b=$2; z=`expr $a + $b`; echo "The sum is $z&

  • 脚本中出现 window.open() access is denied - 拒绝访问 情况一则及分析

    也许这个状况有的朋友已经知道了,但我还是把自己的分析思路写下来给其他的朋友参考. 昨天把blog页面另存在,在本地调试和改blog皮肤. 简介: 我想在onload页面加载完时用脚本控制,把Run HTML code, CopyCode, SaveCode这三个按扭动态的添加到css类名为code_textarea的多行文本框里. 状况描述: 在非服务器端(即没有在本地服务器下调试)按扭已经全部出现在多行文本框下,但在调试脚本时(点击Run HTML code),出现拒绝访问...服务器下调试正

  • Python中在脚本中引用其他文件函数的实现方法

    在导入文件的时候,Python只搜索当前脚本所在的目录,加载(entry-point)入口脚本运行目录和sys.path中包含的路径例如包的安装地址.所以如果要在当前脚本引用其他文件,除了将文件放在和脚本同一目录下,还有以下几种方法, 1. 将文件所在位置添加到sys.path中 import sys sys.path.insert(0, '/path/to/application/app/folder') # or sys.path.append('/path/to/application/a

  • Shell脚本中获取进程ID的方法

    Shell脚本中获取进程ID的方法

    提问: 我想要知道运行中脚本子shell的进程id.我该如何在shell脚本中得到PID. 当我在执行shell脚本时,它会启动一个叫子shell的进程.作为主shell的子进程,子shell将shell脚本中的命令作为批处理运行(因此称为"批处理进程"). 在某些情况下,你也许想要知道运行中的子shell的PID.这个PID信息可以在不同的情况下使用.比如,你可以使用shell脚本的PID在/tmp下创建一个唯一的临时文件.有时侯脚本需要检测所有运行的进程,它可以从进程列表中排除自身

随机推荐