Javascript网页脚本应用教程之六

来源:互联网  作者:本站整理
摘要:

如何在我的页面中加入背景音乐?
怎么设置滚动条颜色?
如何让textarea没有滚动条?
如何设置open()?
如何让弹出窗口只打开一次?
怎…

(个人见解,还望大家指正:)

HTML 代码片段如下:
<html>
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style tyle=text/css>
div{font-size:20px;color:green;background-color:yellow}
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
 <table width="75%" border="1" align="center">
  <tr>
   <td width=50% height="127"><img src=logo.gif>元素正常位置</td>
   <td width=50% height="127"><img src=logo.gif>R1(900,-40)图片超出屏幕右端,但不出现滚动条(前面留出了空位)</td>
  </tr>
  <tr>
   <td height="120"><img src=logo.gif>R2(30,-40)图片相对出现偏移。</div></td>
   <td height="120"><img src=logo.gif>R3(30,888)图片超出屏幕下端,但不出现滚动条</td>
  </tr>
 </table>
<div>A1(220,-40)</div><!--A1在屏幕上将看不到-->
<div>A2(0,0)</div>
<div>A3(12,777)</div><!--A3超出屏幕,出现滚动条(屏幕右)-->
<div>A4(220,-9)</div><!--A4有9像素在屏幕看不到(屏幕顶上)-->
<div>A5(-14,300)</div><!--A5有14像素在屏幕看不到(屏幕左)-->
<div>A6(220,650)</div><!--A6超出屏幕,出现滚动条(屏幕下端)-->
</body>
</html>

如何让弹出的窗口不能关闭?

在新开的窗口中加入如下代码

<body onunload=open(location.href)>
</body>

如何控制href,img等支持title属性的控制其title的显示格式?
请参考如下代码

HTML 代码片段如下:
<html>
<head>
<title>图片提示文字</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<a href="#"><img src="http://www.hxw.red/logo.gif" alt="《杀手无罪》类型:电影
产地:美国
片长:单本剧
主演:妮芙·坎贝尔 唐纳德·萨瑟兰 威廉·梅西 约翰·瑞特尔 特蕾茜·乌尔曼" width="88" height="30"
border="0"></a>
</body>
</html>

标签fieldset的使用例子
<fieldset></fieldset>// 外表
<legend>XXX </legend>//外表標題
<TABLE>.....</TABLE>//表格

HTML 代码片段如下:
 
<fieldset align="center"><legend>表中表效果Ⅱ </legend>
<table frame=hsides border="1" bordercolorlight="#000000" bordercolordark="#ffffff" width="100%"

cellspacing="1" cellpadding="0" height="78" >
<tr bgcolor="#ffffff">
<td width="100%" height="76">
<p align="center"><font color="#000000">表格教程 SERRON</font><p>
<td>
</tr>
</table>
</fieldset>

如何让浏览器在保存页面时保存失败?

HTML 代码片段如下:
<NOSCRIPT>
<<B>IFRAME</B>SRC="*.html">
</<B>IFRAME</B>>
</NOSCRIPT>

一个页面内所有复选框的全选功能如何实现?

HTML 代码片段如下:
<input type=checkbox><input type=checkbox>
<input type=checkbox><input type=checkbox>
<button onclick=SelectAll()>SelectAll</button>
<script>
function SelectAll()
{
 var cInput=document.all.tags('INPUT');
 for(var i in cInput)
  if(cInput[i].type=='checkbox')cInput[i].checked=true;
}
</script>

【相关文章】好搜一下
Firefox 3.5浏览器即将于6月30日正式发布

Firefox 3.5浏览器即将于6月30日

国外最新消息称,Mozilla发言人证实了将在6月30日也就是下周二正式发布Fi…