Javascript对圆角div的实现
为什么要做圆角的div： 圆角div平滑美观，某些情况下有比较不错的效果。比如说要做一个报message的消息框，那么动态的生成一个圆角div则很有意义。而对html样式控制的css本身是不直接支持圆角div的。
现在实现圆角普遍用图片来控制，这种方法有其优点（产生的圆角平滑）。 但同时他也要求有吻合的图片，如果要动态的改变div的样式颜色则有些力不从心。还有就是用js来实现。
实现后的调用代码 如下
var objDiv = getRoundDiv.call(document,"solid 1px yellow","#dddddd")
objDiv.Div.style.width="100px";
objDiv.Content.style.margin="6 6 6 6 "
objDiv.Content.innerText="这是一个圆角div测试"
document.body.appendChild(objDiv.Div);
这样就产生了一个圆角div
实现原理：原理其实很简单，在div的top和bottom 加上三条线，用这三条线的不同长度来产生圆角的效果。
实现过程： 如何实现这三条线呢。 用<b> 这个元素，将其高度 设置为1px 。如果要显示边框则为其添加左边框和右边框。添加好线条以后，将内容div 和这三条线放在一个容器里，这个容器也是一个div。最终返回一个div类，这个类放两个属性，一个是容器div，通过这个容器div可以控制图形出现的位置和大小高度等属性。另一个属性是内容div，通过这个div可以设置这个div的内容，margin，字体颜色，背景颜色，字体大小，等属性。
注意的问题： 调用 getRoundDiv 这个方法需要传递一个方法上下文。我的理解是方法上下文相当与一个指针，指向调用方法的对象。为什么要用这个方法上下文呢？ 比如要在ie的 creatPopup 方法 产生出来的popup文档内新建一个圆角div的话，由于popup只能加载他自己创建的控件，所以可以将popup对象传递到方法内部，成为方法上下文指向的对象。 传递上下文的方法有两种function.call(obj,"arg1","arg2") 类似与这样。 另一种是 function.apply(obj,arguments)
详细代码如下：
/**************************************************************************/
/*RoundDiv.js 产生一个圆角div
调用
相关文档：
在web上编写菜单一直是比较头疼的事情，要是有个类直接套用就好了，最近又要做网站了，烦人，要求做的还是多级菜单，唉，废话少说，遇到问题就要解决啊，看代码：
function is(e, handler) {
if (e.type != 'mouseout' && e.type != 'mouseover ......
JavaScript的正则表达式支持布尔操作，除了作为 选择的“布尔或”操作之外，正则表达式还支持分组和引用
。其实选择、分组和引用的作用分别为：指定选择项、对子表达式分组和引用 前一子表达式的特殊字符。
正则表达式的选择：
所谓选择即在多个条件里面选择一个，比如说卖水果的大爷说送你个水果，你可以选� ......
下面两个方法实现了数组中去掉 前面 或者 后面的 重复项
去掉前面的重复项方法 把array [1, 2, 3, 1, 4, 5]去掉前面重复项 得到 [2, 3, 1, 4, 5].
function unique(a)
{
var r = new Array();
o:for(var i = 0, n = a.length; i < n; i++) {
for(var x = i + 1 ; x < n; x++)
{
......
<SCRIPT LANGUAGE="JavaScript">
<!--
function limitNum(obj) {
if(obj.value.replace(/\s/g,"")==""||obj.value.replace(/\s/g,"")=="输入关键字") {
alert('请输入关键字')
return false;
}
}
//-->
</SCRIPT>
< ......
