当前位置: 王朝网络 >> html/css/js >> javascript 用点滴 (二)

javascript 用点滴 (二)

王朝html/css/js·作者佚名 2006-01-09

窄屏简体版字體: 小|中|大|超大

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

textarea name="t" rows="20" cols="50"></textarea>

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对象.

var oImg=document.createElement("IMG");

oImg.src="http://www.2yup.com/asp/images/asp_logo1.gif";

test.appendChild(oImg);

</Script>

例子3:

<html>

<head>

</head>

<body>

document.form1.t.appendChild(otd);

</script>

</form>

</body>

</html>

例子4:

<html>

<head>

</head>

<body>

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>

<tr>

<td>

<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()出的子窗口关闭事件的方法

</form>

var timer

var winOpen

function IfWindowClosed() {

if (winOpen.closed == true) { document.fm_Info.txtvalue.value="child closed"

window.clearInterval(timer)

}

</script>

document.fm_Info.txtvalue.value=""

winOpen=window.open("child.htm","","toolbar=no, location=no, directories=no, status=no, menubar=no" )