【PB.NET编程系列6】利用JavaScript进行客户端编程
【PB.NET编程系列6】利用JavaScript进行客户端编程
普通WEB程序是由浏览器发出请求，服务器以HTML形式返回结果。一般情况下我们在PB的事件里编写的任何对客户端事件的响应代码都会产生一次与服务器的交互过程：当一个客户端事件被触发时，JavaScript中有一个对应的事件去向服务器发起请求，服务器端会调用对应事件的代码并将结果返回给客户端，对于客户来说一个直接的感观就是屏幕被刷新了一次。为了减少这样的postback，我们可以利用JavaScript对客户端进行编程以提高WEB程序的性能和用户体验。
要对客户端事件进行编程，必需将我们的代码包含在一个条件编译的代码块里面，编译器会识别并与普通power script代码区分开来。在自定义的JavaScript事件里可以通过使用调用Document.Form.Submit或PB缺省的已定义事件来接管被触发的事件。
下面的例子通过一个自定义的客户端JavaScript事件代码来取代DATAWINDOW的ItemChanged事件，这段代码的意思是如果是第一列或第二列的值被改变，那么调用缺省的JavaScript事件PBDataWindow_ItemChangedReject来取消值的改变。在这个例子里缺省事件将不会产生postback，如果不是第一和第二列将不会触发客户端代码。
//Start MyScriptFile.js
function MyItemChanged(sender, rowNumber, columnName, newValue)
{
if(columnName == "column1" || columnName == "column2")
{
// The default function is invoked
return PBDataWindow_ItemChangedReject(sender, rowNumber, columnName, newValue)
}
else
{
//do nothing
}
}
//End MyScriptFile.js
接管的JavaScript事件写在一个条件编译代码块里:
#IF DEFINED PBWEBFORM THEN
dw_1.JavaScriptFile = "MyScriptFile.js"
dw_1.OnClientItemChanged = "MyItemChanged"
#END IF
缺省的JavaScript事件
当我们发布程序时文件PBDataWindow.js 会拷贝到服务器applicationName\Scripts目录下，在这个文件里定义了一些缺省事件供我们调用。调用这些缺省的事件将会导致一次postback或延时的postbak，也有些事件不产生postback，面的列表列出了这些事件和差别。在前面的例子中我们使用类似dw_1.OnClient事件名 = "自定义JS函数"这样的代码接管了对应的DW对应事件的代码，写在DW对应事件里的代码将不会再被调用，如果我们想重新触发这些代码，就必需使用下表的JavaScript事件了，调用这些事件时必需�
相关文档：
实例效果
预览效果1：
这是一个颜色梯度变化演示：
预览效果2：
一个颜色渐变的菜单：
Cropper
Tween
Slider
Resize
Drag
预览效果3：
颜色渐变的有趣应用，点击随机颜色渐变：
点击随机换颜色
程序说明
【ColorGrads颜色梯度】
程序ColorGrads的作用是通过StartColor和EndColor生成颜色梯度集合。
颜色都� ......
思路：浏览图片，读取其宽度ImageW，高度值ImageH。读取用户输入的分成几行Row几列Col。
每个方块：boxW=ImageW/Col；boxH=ImageH/Row；
在1到Row*Col中随机，第i个图片的位置设为pos【i】。然后动态创建div生成Row* ......
标准的Web 组成应该包括3 部分：结构、行为和表现。这种思想最早在微软设计的
DHTML模型中初步提出来，但是很不规范，也不成系统。后来，W3C（World Wide Web
Consortium，万维网联盟）组织规范了Web 的构成。根据W3C 制订的标准，Web 标准不
是某一个标准，而是一系列标准的集合。完整的Web 应该由以下3 部分组成：
结 ......
1 JavaScript数组简介
JavaScript数组是一种包含已编码的值的复合数据。数组区别于关联数组，关联数组是将值和字符串关联在一起，而数组是将值和非负整数关联在一起。
数组是对象(可利用typeof运算符)。
2 ......
Javascript 正则表达式使用手册
Javascript 2008-10-30 10:15 阅读97 评论0
字号： 大大 中中 小小
一．正则表达式匹配常用语法
“+”字符：规定表达式字符出现一次或多次。
“*”字符：规定表达式字符出现零次或多次。
“? ......
