妙用javascript(2)

floger

浏览: 213407 次
性别:
来自: 北京

最近访客更多访客>>

pursuer

骑着狼放羊Eagle

cjp472

oniffer

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript

JavaScript IE prototype Ruby HTML

12:得用JS在WEB页面中动态增加行列:
这里主要用到了innerHTML, cells,rows,appendChild等一些方法与属性有了它们基本上就OK了,更多可以参考HTML的参考手册,可以做到如在DW更改界面一样,感觉很爽(比如更改对象的title ,id ,style, name)!

dateTr = document.getElementById("tr_name");//它实际上是一列也就是<tr></tr>'tr_name'是我自定义

NewTr = document.all.dyzmx.cloneNode(true);

NewTr.style.display = "block";

var cur_lxr_xm = dateTr.parentNode.rows[1].cells[1].innerHTML;

dateTr.parentNode.appendChild(NewTr.cloneNode(true));

var added_new_tr = dateTr.parentNode.lastChild;

主要用到了cloneNode方法，其它更多可以参考关于ＨＴＭＬ的对象介绍，然后再通过appendChild来增加一行（在此是增加一行）．当然也可以自己定义一些元素来初始化innerHTML,as :

html = " <INPUT type=text style=\"width:30px;\" value="+k+" name=\"rwbh\" maxlength=3>";

start.getElementsByTagName("tr")[k].firstChild.innerHTML = html;

顺便说一下关于删除：

var child_len = dateTr.parentNode.rows.length-1;

for(c2=child_len; c2>0; c2--){

var rows = [];

if(name=='lxr')

if(dateTr.parentNode.rows[c2].title=='lxr_data'){

rows.push(dateTr.parentNode.rows[c2]);

for(var i=0;i<rows.length;i++){

rows[i].parentNode.removeChild(rows[i]);

}

｝

}

注意这种方法删除时，一不小心不犯错了．一方面for(c2=child_len; c2>0; c2--)应该是递减的方式来遍历（因为rows里面push的时候，与删除的时候节点是反向的，当然假如取rows的时候反向取也ＯＫ的），另一方面 dateTr.parentNode.rows.length-1不可以直接放到for里面（因为 dateTr.parentNode.rows.length-1的长值每在for里面跑一次就变一次，当然是变小啦）．

所以也可以如下处理：

/******************************************************************

@name delRow---为******删除选项中行

@parameters null

@retrun null

@author zhangyinxin

******************************************************************/

function delRow(){

var checkboxs = document.getElementsByName("checkspecial");

var rows = [];

for(var i=0;i<checkboxs.length;i++){

if(checkboxs[i].checked && checkboxs[i].parentNode.parentNode.title!='tmp'){

rows.push(checkboxs[i].parentNode.parentNode);

}

for(var i=0;i<rows.length;i++){

rows[i].parentNode.removeChild(rows[i]);

}

我这儿用到了复选框，当然这并不影响删除的效果实现，它不过是一种删除条件罢了（比如title也是哦）

13:第一次见到这样的自定义函数：

function $() {

var elements = new Array();

for (var i = 0; i < arguments.length; i++) {

var element = arguments[i];

if (typeof element == 'string')

element = document.getElementById(element);

if (arguments.length == 1)

return element;

elements.push(element);

}

return elements;

}

应用如下：

this.removeRow = function(_id){

var row = $(this.id + "_row_"+_id);

if(!row)return;

row.parentNode.removeChild(row);

}

感觉蛮不错！(原来这些是protype.js中的东东呢，呵呵这二天看了下prototype.js原来它是为ruby写的框架，不过这个东东确实不错哦！)

14：javascript验证表单时常用

"^-[0-9]*[1-9][0-9]*$"　　//负整数

"^-?\d+$"　　　　//整数

"^\d+(\.\d+)?$"　　//非负浮点数（正浮点数 + 0）

"^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$"　　//正浮点数

"^((-\d+(\.\d+)?)|(0+(\.0+)?))$"　　//非正浮点数（负浮点数 + 0）

"^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"　　//负浮点数

"^(-?\d+)(\.\d+)?$"　　//浮点数

"^[A-Za-z]+$"　　//由26个英文字母组成的字符串

"^[A-Z]+$"　　//由26个英文字母的大写组成的字符串

"^[a-z]+$"　　//由26个英文字母的小写组成的字符串

"^[A-Za-z0-9]+$"　　//由数字和26个英文字母组成的字符串

"^\w+$"　　//由数字、26个英文字母或者下划线组成的字符串

"^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$"　　　　//email地址

"^[a-zA-z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$"　　//url

呵呵　我一天添一些ＪＳ上来，可惜朋友们看不到，因为这＂贴子＂沉下去了．没办法，可是它们真的帮我不少忙，我自己的也常到这儿来取经....

以后不用序号了,直接改用日期
06.7.18：今天我用JS产生一个checkbox，别的都没事，就是在设置默认让它选中时花了些时间：
以下是代码：
input = document.createElement("input");
   input.setAttribute("type","checkbox");
   //input.defaultChecked = true;---此语句可以直接在产生checkbox的时候让它默认选中
   input.setAttribute("value","1");
   $('kdydx').appendChild(input);
   $('kdydx').lastChild.setAttribute("checked","ckecked");//要想通过setAttribute来设置，刚必须在appendChild之后
关于它的答案我在http://forum.java.sun.com/thread.jspa?threadID=628633&messageID=3606303找到的。

//打印
function send_dy(){
var bdhtml=window.document.body.innerHTML;
sprnstr="";
eprnstr="";
prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
window.document.body.innerHTML=bdhtml;
}

/**
调用IE的打印控件打印TABLE
tb为要打印的TABLE的ID
pSzize为一页的行数
**/

/**
调用IE的打印控件打印对象
tb为要打印的TABLE的ID
pSzize为一页的行数
**/
function objPrint(tb,title){
var nw = window.open('','','top=50,left=100,resizable=yes,width=800,height=600,titlebar=yes,menubar=no,status=no,location=no,scrollbars=yes');
nw.document.open("text/html","GB2312")
nw.document.write("<style media=print>");
nw.document.write(".Noprint{display:none;}");//不需要打印的样式
nw.document.write(".PageNext{page-break-after: always;}");//
nw.document.write(".data_Table{border-color:#000000;border-width:1px;border-style:solid;}");
nw.document.write("</style>");
nw.document.write("<style>");
nw.document.write(".Mb_Input_Button{height:20px;border-left:1px solid #DAE8F7; border-top:1px solid #DAE8F7; border-right:1px solid #A0C4EB;border-bottom:1px solid #A0C4EB;background-color:#E4EBF3;padding-left:5px;padding-right:5px;margin:4px 5px 2px 0px;}");
nw.document.write(".noShow{display:none;}");//打印预览时不需要显示的样式
nw.document.write("</style>");
nw.document.write("<HEAD><TITLE> </TITLE></HEAD>");
nw.document.write("<body>");
nw.document.write("<div align='right'>");
nw.document.write("<input type=button value='打印' onclick='document.all.WebBrowser.ExecWB(6,1);' class='NOPRINT Mb_Input_Button'> ");
  nw.document.write("<input type=button value='页面设置' onclick='document.all.WebBrowser.ExecWB(8,1);' class='NOPRINT Mb_Input_Button'> ");
  nw.document.write("<input type=button value='打印预览' onclick='document.all.WebBrowser.ExecWB(7,1);' class='NOPRINT Mb_Input_Button'> ");
  nw.document.write("<input type=button value='关闭' onclick='document.all.window.close();' class='NOPRINT'>");
nw.document.write("</div>");
nw.document.write("<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0 VIEWASTEXT></OBJECT>");
nw.document.write("<div align='center' style='margin-top:5; margin-bottom:5'><b>"+title+"</b></div>");
nw.document.write(document.getElementById(tb).outerHTML);
nw.document.write("</body>");
}

/**
中文英文混合时字符串的长度计算
一个汉字2个字节
**/
String.prototype.length2 = function() {
    var cArr = this.match(/[^x00-xff]/ig);
    return this.length + (cArr == null ? 0 : cArr.length);
}
...   ....

分享到：

使用Spring JavaMail 定时发送邮件 | 妙用javascript(1)

2009-04-27 11:02
浏览 974
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论