显示列表
 控制IFrame中的样式2008-09-17

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
<iframe id="FF" src="B.htm"></iframe>
<input type="submit" value=" OK " onclick="OK()"/>

<script language="JavaScript">
function OK()
{
    // 操作iframe中内容的CSS
    var iframe = document.getElementById('FF');
    var body = iframe.contentWindow.document.body;

    body.style.marginTop = 50;
    body.style.padding = 0;
    body.style.fontSize = 30;
    body.style.textAlign = 'center';
    body.style.backgroundColor = 'red';
    body.style.color = 'blue';
}
</script>
</body>
</html>

标签：CSS 
查看全文 | 分类(JavaScript) | 访问(0) | 编辑
 JS中冒号的作用2008-08-06

JS中冒号的作用
1.声明对象的成员
2.switch语句分支
3.三元表达式


1.声明对象的成员
var Book =
{
    Name: '法',
    Price: 100,
    Discount : function(rate)
   {
       this.Price *= rate; 
   }
};
alert(Book.Price);
Book.Discount(0.8); // 8折
alert(Book.Price);



2.switch语句分支
var a = 2;
switch (a)
{
      case 0:
         alert('0');
         break;
     case 1:
         alert('1');
         break;
     case 2:
         alert('2');
         break;
     default: 
         alert('_');
}



3.三元表达式
var a = 2;
var b = 4;
var k = (a > b ? 1 : 2);

查看全文 | 分类(JavaScript) | 访问(56) | 编辑
 JavaScript中的常用事件2008-06-10

鼠标相关事件
onclick 当鼠标单击时触发此事件
ondblclick 当鼠标双击时触发此事件
onmousedown 当按下鼠标时触发此事件
onmouseup 当鼠标按下后松开鼠标时触发此事件
onmouseover 当鼠标移动到某对象范围的上方时触发此事件
onmousemove 当鼠标移动时触发此事件
onmouseout 当鼠标离开某对象范围时触发此事件

键盘相关事件
onkeypress 当键盘上的某个键被按下并且释放时触发此事件
onkeydown 当键盘上某个按键被按下时触发此事件
onkeyup 当键盘上某个按键被按放开时触发此事件

页面相关事件
onerror 当出现错误时触发此事件
onload 当页面内容完成时触发此事件
onmove 当浏览器的窗口被移动时触发此事件
onresize 当浏览器的窗口大小被改变时触发此事件
onscroll 当浏览器的滚动条位置发生变化时触发此事件
onstop 当浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断
onunload 当前页面将被改变时触发此事件

表单相关事件
onblur 当前元素失去焦点时触发此事件
onchange 当前元素失去焦点并且元素的内容发生改变而触发此事件
onfocus 当某个元素获得焦点时触发此事件
onreset 当表单中RESET的属性被激发时触发此事件
onsubmit 当一个表单被递交时触发此事件

查看全文 | 分类(JavaScript) | 访问(22) | 编辑
 JavaScript中的剪贴板(clipboardData)2008-06-10

clipboardData 对象
提供了对剪贴板的访问。

三个方法
1.clearData(sDataFormat) 删除剪贴板中指定格式的数据。
2.getData(sDataFormat) 从剪贴板获取指定格式的数据。
3.setData(sDataFormat, sData) 给剪贴板赋予指定格式的数据。返回 true 表示操作成功。


例子

<script language="JavaScript">
<!--
var text = "123";
if (!window.clipboardData.setData('Text', text)) // 赋予 text 格式的数据
{
    alert("复制失败!");
}

text = window.clipboardData.getData('Text'); // 获取 text 格式的数据
alert(text);

window.clipboardData.clearData('Text'); // 清除 text 格式的数据

text = window.clipboardData.getData('Text');
alert(text);
//-->
</script>

查看全文 | 分类(JavaScript) | 访问(80) | 编辑
 JS中获取字符的UTF-8编码2008-06-03

<script language="JavaScript">
<!--
var s = '汉';

alert(GetHexUTF8(s));

alert(encodeURI(s)); // encodeURI 类似 UrlEncode。如果字符是汉字，那么替换掉“%”就要它的十六进制的 UTF-8 编码


// 返回指定字符的 UTF-8 编码十六进制
function GetHexUTF8(s)
{
    var r = '';
    var uDec = s.charCodeAt(0); // Unicode 编码十进制
    var uHex = DecToHex(uDec); // Unicode 编码十六进制

    // 按 UTF-8 编码格式转换
    if (uDec < 128) // 1字节，0xxxxxxx
    {
        r = uHex;
    }
    else if (uDec < 2048) // 2字节，110xxxxx 10xxxxxx
    {
        r += DecToHex(192 | uDec >> 6);
        r += DecToHex(128 | uDec & 63);
    }
    else if (uDec < 65536) // 3字节，1110xxxx 10xxxxxx 10xxxxxx
    {
        r += DecToHex(224 | uDec >> 12);
        r += DecToHex(128 | uDec >> 6 & 63);
        r += DecToHex(128 | uDec & 63);    
    }
    else if (uDec < 2097152) // 4字节，11110xxx 10xxxxxx 10xxxxxx 10xxxxxx
    {
        r += DecToHex(240 | uDec >> 18);
        r += DecToHex(128 | uDec >> 12 & 63);
        r += DecToHex(128 | uDec >> 6 & 63);
        r += DecToHex(128 | uDec & 63);
    }

    return r;
}

// 二进制转十进制
function BinToDec(s)
{
    return parseInt(s, 2);
}

// 二进制转十六进制
function BinToHex(s)
{
    return DecToHex(BinToDec(s));
}

// 十进制转二进制
function DecToBin(s)
{
    return s.toString(2);
}

// 十进制转十六进制
function DecToHex(s)
{
    return s.toString(16);
}

// 十六进制转二进制
function HexToBin(s)
{
    return DecToBin(HexToDec(s));
}

// 十六进制转十进制
function HexToDec(s)
{
    return parseInt(s, 16);
}
//-->
</script>

查看全文 | 分类(JavaScript) | 访问(110) | 编辑
 JS打印Unicode中的汉字2008-06-01

<SCRIPT LANGUAGE="JavaScript">
<!--
// Unicode 中汉字编码范围：4E00 - 9FA5
var startNum = HexToInt('4E00'); // 开始
var endNum = HexToInt('9FA5'); // 结束

var text = '';
var cols = 16; // 一行十六个
for (var i = startNum; i < endNum + 1; i++)
{
    if (cols == 0)
    {
        cols = 16;
        text += '<br/>';
    }

    text += String.fromCharCode(i);

    cols--;
}
document.write('<div style="font-size: 50px;">');
document.write(text);
document.write('</div>');

// 十六进制转十进制
function HexToInt(s)
{
    return parseInt(s,16);
}

// 十进制转十六进制
function IntToHex(s)
{
    return s.toString(16);
}
//-->
</SCRIPT>

查看全文 | 分类(JavaScript) | 访问(189) | 编辑