站内搜索: 请输入搜索关键词

当前页面: 开发资料首页 → Javascript 专题 → javascript 用点滴 (二)

javascript 用点滴 (二)

摘要: javascript 用点滴 (二)
<textarea readonly style="border:none;font-family:Courier New;line-height:150%;width:760px;overflow-y:visible">

例子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:

<head>



New Page 1
</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>document.form1.t.appendChild(otd);
</script>
</form>
</body>

例子4:

<head>



New Page 1
</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>oTD.innerHTML= str;
oTR.appendChild(oTD);
oTBody.appendChild(oTR);
oTable.border = 1;
oTable.appendChild(oTBody);
form1.t.appendChild(oTable);
</script>
</form>
</body>

表中表效果


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



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

<body>


<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>

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