例子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> <head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head> <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> <head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head> <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> <script language=javascript for=btnOpen event=onclick>
document.fm_Info.txtvalue.value=""
winOpen=window.open("child.htm","","toolbar=no, location=no, directories=no, status=no, menubar=no" )
timer=window.setInterval("IfWindowClosed()",500);
</script>
</BODY></HTML>
以上代码都是借鉴别人的,自己作为例子收藏,以备后用!
|
本类阅读TOP10