Fri, 23 Nov 2007 01:06:40 +0800 http://www.czBin.cn/JavaScript.xml czBin.cn -> JavaScript的技术文章 Fri, 23 Nov 2007 01:06:40 +0800 http://www.czBin.cn/JavaScript.COLOR.001.php <a id="link1" href=# onclick=check(document.form1.link1)>点这里</a>
//其中document.form1是<a>标签所在的form,根据你的需要改一下
然后在 head 区域中放入这段代码:
<script language=javascript>
obj=new Object();
function check(obj)
{
obj.style.color='#ff0000';
}
</script>

这样当点击这个连接的时候,这个连接就会变成红色.


]]> JavaScript http://www.czBin.cn/JavaScript.COLOR.001.php Mon, 19 Nov 2007 19:47:22 +0800 http://www.czBin.cn/JavaScript.Windows.001.php <script language="javascript" type="text/javascript">
function openpic()
{
window.open('Pic.aspx?id=<%=id%>','照片,'width=400,height=300');
//用小窗口打开Pic.aspx来显示照片,宽为400,高为300
}
</script>
将你的超链接改成这样:
<a href="#" onclick="openpic();" >查看照片</a>
这样,当点击超级链接的时候就会打开一个小窗口来显示照片了,而该超级链接所在的当前页面保持不动。


]]> JavaScript http://www.czBin.cn/JavaScript.Windows.001.php Sat, 27 Oct 2007 01:43:34 +0800 http://www.czBin.cn/JavaScript.Data.asp.001.php 其实js是可以访问数据库的。有的人可能会说用<%%>就可以啊，但是这样做实际上是用js调用了后台代码中的变量或者函数。
我所说的Javascript访问数据库指的是只用JS一种脚本语言实现数据库的访问。
事实上ASP是可以用两种语言作为后台脚本语言的,其中包括VBScript和JavaScript，只不过一般来讲大家习惯用VBScript作为后台语言，而将JavaScript淡忘了。
请看下面这段代码:
<script language="javascript" runat="server"> //注意:runat="server"
var conn=new ActiveXObject("Adodb.Connection");
var rs=new ActiveXObject("Adodb.Recordset");
var sqlstr;
conn.ConnectionString="provider=Microsoft.Jet.OLEDB.4.0;data source="+Server.MapPath("data.mdb");
conn.Open();
sqlstr="select col from [table]";
rs.Open(sqlstr,conn,3);
while(!rs.EOF)
{
Response.Write(rs("col"));
Response.Write("<br>");
rs.MoveNext;
}
</script>
实际上这段标记了runat="server"的JavaScript的代码是在服务端执行的,它与前台的JavaScript不是一回事。
在这里我明确的告诉大家JS作为客户端代码的时候是不可能访问服务端的数据库的。


]]> JavaScript http://www.czBin.cn/JavaScript.Data.asp.001.php Fri, 26 Oct 2007 21:15:49 +0800 http://www.czBin.cn/JavaScript.Back.Page.001.php 首先添加一个button，然后在button的onclick指向的js函数里加入这条语句：
history.go(-n);
//其中n为后退几个页面


]]> JavaScript http://www.czBin.cn/JavaScript.Back.Page.001.php Thu, 25 Oct 2007 03:32:01 +0800 http://www.czBin.cn/JavaScript.Net.Union.001.php 最近总是遇到数据验证的问题,有的人喜欢将验证全部用JS完成,毕竟不用刷新页面,但是遇到文件上传的时候往往JS就不能解决问题了,因为有些别有用心的人会将页面保存下来修改JS后提交，如果那样的话就可以上传任意扩展名的文件了。这样就造成了安全隐患，所以应该将上传文件的验证放在后台代码中完成。
具体实例如下:
假设现在有一个文本框控件（是runat="server"的，id为txtname）,
还有一个FileUpload控件（也是runat="server"的，id为FilePhoto),
另外我们有一个Button控件（也是...,id为btn_Next）
那么我们想用JS验证txtname是不是为空，用后台的C#代码验证FilePhoto的后缀名是不是jpg，怎么实现呢？
首先在前台构造js函数：
function Check()
{
if(document.form1.txtName.value=="")
{
alert('姓名不能为空');
return false;
}
}
这个函数用来验证txtname是否为空。
然后在后台的btn_Next_Click函数中加入代码调用用来验证文件扩展名的函数，例如：
checkfile()
{
.....//代码比较麻烦我就不写了，熟悉.net的网友实现起来应该不困难。
}
然后在 Page_Load 函数中加入以下代码：
btn_Next.Attributes.Add("onclick", "return Check();");
好了，这就完成了。
执行起来是这样的：
当我们点击button按纽的时候，首先会调用前台的js函数"Check()",等函数Check返回一个True的时候才会执行后台btn_Next_Click()函数里的代码。这就实现了先由前台验证txtName，再由后台验证filePhoto。

题外话：本来这篇文章是想放在.Net里的，但是后来考虑涉及到JavaScript所以就放在这里了，不过无所谓了，技术本来就是互相联系的。


]]> JavaScript http://www.czBin.cn/JavaScript.Net.Union.001.php Thu, 25 Oct 2007 02:19:06 +0800 http://www.czBin.cn/JavaScript.Vl.jump.001.php 一些WEB编程人员经常遇到需要用JavaScript对输入的数据进行验证的情况,验证成功则跳转到正确页面.
下面我简单介绍一下用JavaScript实现数据验证并进行页面跳转的过程!
function Btn_Next_onclick()
{
if(document.form1.txtName.value=="")//验证是否为空
{
alert('姓名不能为空');
return false; //为空返回false
}
if(!isDateString(document.form1.txtBirthDay.value))//验证出生日期是否为日期类型
{
alert('出生日期不符合格式');
return false; //为空返回false
}
location.href="http://localhost/EManage/P_Info_More.aspx" //输入正确则跳转到该页面
}




]]> JavaScript http://www.czBin.cn/JavaScript.Vl.jump.001.php Tue, 23 Oct 2007 18:06:09 +0800 http://www.czBin.cn/JavaScript.input.null.php <from name="formName">
<input name="inputName" value="" />
</form>
我们想用JavaScript判断输入框的值是否为空，以进行后面的操作，就可以使用下面的js代码：
if(document.formName.inputName.value=="")
{
//这个大括号里面写的是，当input的值的确为空时的处理方法
document.form.inputName.focus();//使输入框获得焦点
}
需要注意的一些事情：
1.form的名称是否书写正确
2.是value==""，而不是value=""

-----

题外话：最近发现这种基础知识的日志点击率那个高啊....


]]> JavaScript http://www.czBin.cn/JavaScript.input.null.php Thu, 12 Jul 2007 00:35:28 +0800 http://www.czBin.cn/JavaScript.Space.php {
return this.replace(/(^s*)|(s*$)/g, "");
}
String.prototype.ltrim = function()
{
return this.replace(/(^s*)/g, "");
}
String.prototype.rtrim = function()
{
return this.replace(/(s*$)/g, "");
}


]]> JavaScript http://www.czBin.cn/JavaScript.Space.php Sat, 23 Jun 2007 16:55:15 +0800 http://www.czBin.cn/Javascript.setTimeout.php
其中code是一个Javascript的指令，说明在延时以后出发的事件。
time是多长时间以后延时，1000代表1秒。


]]> JavaScript http://www.czBin.cn/Javascript.setTimeout.php Thu, 14 Jun 2007 22:02:33 +0800 http://www.czBin.cn/Javascript.Try.Catch.php
例如：

try {
foo.bar();
} catch (e) {
alert(e.name + ": " + e.message);
}

目前我们可能得到的系统异常主要包含以下6种:

* EvalError: raised when an error occurs executing code in eval()
* RangeError: raised when a numeric variable or parameter is outside of its valid range
* ReferenceError: raised when de-referencing an invalid reference
* SyntaxError: raised when a syntax error occurs while parsing code in eval()
* TypeError: raised when a variable or parameter is not a valid type
* URIError: raised when encodeURI() or decodeURI() are passed invalid parameters

上面的六种异常对象都继承自Error对象。他们都支持以下两种构造方法:

new Error();
new Error("异常信息");

......

如要判断异常信息的类型，可在catch中进行判断：

......

因此为了更好的了解错误信息我们可以将catch部分改为如下形式：

......

try {
throw new Date(); // 抛出当前时间对象
} catch (e) {
alert(e.toLocaleString()); // 使用本地格式显示当前时间
}


]]> JavaScript http://www.czBin.cn/Javascript.Try.Catch.php