【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事件了，调用这些事件时必需�
相关文档：
你知道世界上有多少种浏览器吗？除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外，世界上还有近百种浏览器。
几天前，浏览器家族有刚诞生了一位小王子，就是Google推出的Chrome浏览器。由于Chrome出生名门，尽管他还是个小家伙，没有人敢小 ......
思路：浏览图片，读取其宽度ImageW，高度值ImageH。读取用户输入的分成几行Row几列Col。
每个方块：boxW=ImageW/Col；boxH=ImageH/Row；
在1到Row*Col中随机，第i个图片的位置设为pos【i】。然后动态创建div生成Row* ......
1.Ajax Rain
AjaxRain有很多完美整合AJAX, CSS, DHTML 或 Javascript的实例，有一些Demo的确值得你去看一看，即使你不是网页设计(开发)师。
Ajax/Javascript实例:
EXT JS Date Picker
jQuery Feed Menu
jGrowl
FastFind Menu – Jquery
Spiffy Accordion
2.Ajax Daddy ......
详解javascript类继承机制的原理
目前 javascript的实现继承方式并不是通过“extend”关键字来实现的，而是通过constructor function和prototype属性来实现继承。首先我们创建一个animal类
js 代码
var animal = function(){ //这就是constructor function 了&nbs ......
JavaScript的正则表达式支持布尔操作，除了作为 选择的“布尔或”操作之外，正则表达式还支持分组和引用
。其实选择、分组和引用的作用分别为：指定选择项、对子表达式分组和引用 前一子表达式的特殊字符。
正则表达式的选择：
所谓选择即在多个条件里面选择一个，比如说卖水果的大爷说送你个水果，你可以选� ......
