软件工程：javascript 用点滴 (二)

热点排行

javascript 用点滴 (二)

类别：软件工程点击：0 评论：0 推荐：

例子1:创建一个Table对象.

textarea name="t" rows="20" cols="50"></textarea>
<script language="JavaScript">
var oTable = document.createElement("TABLE");
var oTBody = document.createElement("TBODY");
var oTR = document.createElement("TR");
var oTD = document.createElement("TD");
oTD.innerText = '无忧脚本'; //插入普通字符
oTR.appendChild(oTD); //插入对象
oTBody.appendChild(oTR);
oTable.border = 1;
oTable.appendChild(oTBody); //增加孩子对象
t.appendChild(oTable);
</script>

例子2:创建一个IMG对象.

<textarea id="test" rows="20" cols="50"></textarea>
<Script Language="JavaScript">
var oImg=document.createElement("IMG");
oImg.src="http://www.2yup.com/asp/images/asp_logo1.gif";
test.appendChild(oImg);
</Script>

例子3:

<html>

<body>
<form name="form1">
<textarea name="t" rows="20" cols="50"></textarea>
<table id=otd border=1 cellspacing=1 width=68%><tr><td width=50%>11</td><td width=50%>12</td></tr><tr><td width=50%>21</td><td width=50%>22</td></tr></table>
<script language="JavaScript">
document.form1.t.appendChild(otd);
</script>
</form>
</body>

</html>

例子4:

<html>

<body>
<form name="form1">
<textarea name="t" rows="20" cols="50"></textarea>
<script language="JavaScript">
var oTable = document.createElement("TABLE");
var oTBody = document.createElement("TBODY");
var oTR = document.createElement("TR");
var oTD = document.createElement("TD");
var str='<table border=1 cellspacing=1 width=68%><tr><td width=50%>11</td><td width=50%>12</td></tr><tr><td width=50%>21</td><td width=50%>22</td></tr></table>';
var otd=document.createElement(str);
oTD.innerHTML= str;
oTR.appendChild(oTD);
oTBody.appendChild(oTR);
oTable.border = 1;
oTable.appendChild(oTBody);
form1.t.appendChild(oTable);
</script>
</form>
</body>

</html>

表中表效果

<html>
<head>
</head>
<body>
<table width="200"" cellspacing="0" cellpadding="0">
<tr>
<td>
<fieldset style="width: 200; color: #B7B7B7; border-style: groove" align="center">
<legend style="color: blue; border: 1 solid #000000"> 表中表效果</legend>
<br>
</fieldset>
</td>
</tr>
</table>
</body>

body的所有参数！

text="#000000"用以设定文字颜色。也可用 text="black"
link="#0000ff"设定一般文字连结颜色.
alink="#ff0000"设定刚按下时文字连结颜色。
vlink="00ffcc"设定连结后的颜色。
background="http://61.153.197.34/loveclub/idol/photo/bzxp/1.jpg"设定背景图片。
bgcolor="ffffff"设定背景颜色。
leftmargin=4设定整份文件显示画面的左方边沿空间，单位为像素。(只适用于IE)
topmargin=4设定整份文件显示画面的上方边沿空间，单位为像素。(只适用于IE)
bgproperties="fixed"固定背景墙纸，当卷动文字时墙纸不会跟着卷动.(只适用于IE)
标记及参数字母大小都可以，还有一些事件，如onload未举出。

〈style〉标记应用一例

在你刚开始编网页时，还记得在〈HEAD>〈/HEAD>之间加过些什么吗？大概只有一个关于〈TITLE>的说明吧！其实在这两个“脑袋”之间还有很多小秘密呢！这里我只说说〈style>。请看下面的例子：
　　〈head>
　　〈style>
　　〈!－－
　　td{font－size:12px; line－height=16px;}
　　body{font－size:12px; line－height=16px;}
　　 A:link {text－decoration: none; color: ″＃0000ff″}
　　 A:visited {text－decoration: none; color: ″＃ffffff″}
　　 A:active {text－decoration: none}
　　 A:hover {text－decoration: underline; color: ″＃009900″}
　　－－>
　　〈/style>
　　〈/head>
　　这里的〈style>、〈/style>是风格样式标签，作用是统一整个页面的风格。其中，代码td和body用来控制表格中和不在表格中的文字表现形式。font－size定义了文字大小，而line－height用于控制行距。以A开头的几句控制链接文字的风格：使其在链接、正在被点击过程和点击后都呈现不同的样式，更主要的是消除了链接文字的下划线，效果试试就知道啦。另外，在color后的颜色也可用black、blue、white限定词等来代替颜色的16进制码，例如可写成color:blue的形式。
(天津　雨　晨　)

一种在父窗口中得知window.open()出的子窗口关闭事件的方法

<HTML><BODY>
<P> </P>
<form name=fm_Info>
<input type=text name=txtvalue>
</form>
<script language=javascript>
var timer
var winOpen
function IfWindowClosed() {
if (winOpen.closed == true) { document.fm_Info.txtvalue.value="child closed"
window.clearInterval(timer)
}
}
</script>
<input type=button name=btnOpen value=open>

以上代码都是借鉴别人的,自己作为例子收藏,以备后用!

本文地址：http://com.8s8s.com/it/it32134.htm