1、表格中的内容过长时，不换行，显示省略号并Tooltip。
1
<
table
width
="200px"
style
="border:1px solid #000000;table-layout:fixed;word-wrap:break-word;word-break:break-all;"
>
2
<
tr
>
3
<
td
style
="font-size: 11px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;"
>
4
dfasdfdsf sdfsaf sdfdsfs dfsaf sdfds fsdfsaf sdfds fsdfsaf sdfd sfsdfsaf
</
td
>
5
</
tr
>
6
</
table
>
注意，表格的样式应设置如下内容：
table-layout:fixed;word-wrap:break-word;word-break:break-all;
TD则应设置如下样式：
text-overflow:ellipsis;overflow:hidden;white-space: nowrap;
当然，你可以把这些样式放到样式表里面去。
2、在HTML页面中显示分数，可用如下格式：
½
¾
⅓
===============================================
function isCharsInBag (s, bag)
{
var i;
for (i = 0; i < s.length; i++){
var c = s.charAt(i);
if (bag.indexOf(c) == -1)
return false;
}
return true;
}
function checkform(){
if(document.all["marketPrice"].value.length>0 && !isCharsInBag(document.all["marketPrice"].value,"0123456789."))
{
alert("提示！请检查一下您输入〖市场价〗是否为数字?");
document.all["marketPrice"].focus();
return false;
}
if(document.all["hotelUserName"].value.length<2)
{
alert("提示！请输入正确的〖酒店用户名〗！");
document.all["hotelUserName"].focus();
return false;
}
var regex = /^(([\-\w]+)\.?)+@(([\-\w]+)\.?)+\.[a-zA-Z]{2,4}$/;
if((!regex.test(document.all["hotelEmail"].value))&&(!document.all["hotelEmail"].value.length<1))
{
alert("提示！输入的〖邮件地址〗无效！");
document.all["hotelEmail"].value="";
document.all["hotelEmail"].focus();
return false;
}
var regex1=/^\d{6}$/;
if ((!regex1.test(document.all["hotelPostCode"].value))&&(!document.all["hotelPostCode"].value.length<1)){
alert("提示！〖邮政编码〗必须是6个数字");
document.all["hotelPostCode"].value="";
document.all["hotelPostCode"].focus();
return false;
}
var ExtList = ".jpg.gif.bmp";
if ((ExtList.indexOf(document.all["file"].value.substr(document.all["file"].value.lastIndexOf(".")+1).toLowerCase())==-1)&&(!document.all["file"].value.length<1)){
alert("提示！上传的〖客房图片〗格式不正确！");
document.all["file"].value="";
document.all["file"].focus();
return false;
}
return true;
}
function cityChange()
{
hotelForm.action = "/hotel/selectHotel.do?actiontype=select";
hotelForm.method = "post";
hotelForm.submit();
}
2、一段实现checkbox 单选的代码
一组名称相同的checkbox 但只能选择一个，或者取消选择。
把本函数链到选择框的onclick 事件上。onClick="ChangeSelect(this)"。
function ChangeSelect(obj)
{
theForm=document.forms[0];
var oldStatus;
oldStatus = obj.checked;
for(i=0;i<theForm.elements.length;i++)
{
if(theForm.elements.name==obj.name)
{
theForm.elements.checked=false;
}
}
if(oldStatus)
obj.checked = true;
else
obj.checked = false;
return true;
}
3、怎样查找一个网站有多少网页登陆搜索引擎
搜索内容如下。
site:qh663.512j.com
4、网页背景音乐代码详解
网页背景音乐代码：
将这段代码插入到您的<head></head>之间
当您打开网站时即可听到背景音乐：
<bgsound src=china.mid loop="-1">
这种当网页最小化之后，音乐会消失
网页背景音乐的代码：
<embed src="http://XXX.com/XXX.mp3" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>
1.mid表示音效文件
<embed src="1.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>
上面的网页背景音乐代码可以加入FLASH动画的绝对地址（或相对地址）
<embed width=1 height=1 autostart="true" loop="true" controls=PlayButton console=clip1 nolabels=true type="audio/x-pn-realaudio-plugin" src="1.ram"> </embed>
ram格式的音乐文件专用网页背景音乐代码：
<embed src="1.mid" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">
指定播放器的大小（width、heigh）、是否自动（autostart标记）、是否循环播放（loop标记），而浏览者则可以自主地决定是否播放音乐。
此代码可以当作网页中插入FLASH动画的代码用。只要把1.mid替换为FLASH动画的相对地址或决对地址就OK了。
<embed src="1.mp3" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">
此代码可以加mp3形式的音乐为网页背景音乐
<EMBED src="http://XXX.com/XXX.mp3" width="0" height="0" border=0 autostart="ture" loop="ture"></EMBED>
1.mid表示音效文件
<bgsound src="1.mid" loop=3>
表示将1.mid音效文件插入到页面为背景音乐，并循环播放3次。
<embed src="1.mid" hidden="true">
1.mid表示音效文件
<bgsound src="1.mid" loop="infinte">
1.mid表示音效文件
<embed src="1.mid" hidden="true" loop="true">
1.mid表示音效文件
<bgsound src=1.mid loop="-1">
1.mid表示音效文件
5、鼠标移动表格行变色
<table width="100%" border="1" align="center" cellpadding="0" cellspacing="1" bordercolor="#FF99FF" >
<tr>
<td onMouseOut="this.style.backgroundColor=''" onMouseover="this.style.backgroundColor='#ffcccc'">1</td>
</tr>
<tr>
<td width="20%" nowrap class="txt_middle"> </td>
</tr>
<tr>
<td class="txt_middle"> </td>
</tr>
</table>
6、防止表格撑破
<table width=200 style="table-layout:fixed;word-wrap:break-word;word-break:break-all">
<tr>
<td>
dsfdf
<table width="1500" border="0" cellpadding="0" cellspacing="0" bgcolor="#FF0000">
<tr>
<td>是 一 套 快 捷、準 確 的?會 計 系 統。本 系 統 專 為 中 小 型 企 業 處 理 繁 重 的 發 票、應 收 帳 及 存 貨 管 理 工 作 而 設 計 的，具 備 大 量 實 用 功 能。為 適 應 複 雜 的 商 業 環 境，尖 端 進 銷 存 系 統 提 供 多 貨 幣、多 語 言 等 多 項 先 進 功 能 ，同 時 採 用 了 友 善 的 視 窗 介 面，使 用 戶 能 極 短 時 間 內 掌 握 使 用 方 法。本 系 統 亦 </td>
</tr>
</table>
fdsf
</td>
</tr>
</table>
7、全选反选表单
<script language="JavaScript" type="text/JavaScript">
function CheckOthers(form)
{
for (var i=0;i<form.elements.length;i++)
{
var e = form.elements;
// if (e.name != 'chkall')
if (e.checked==false)
{
e.checked = true;// form.chkall.checked;
}
else
{
e.checked = false;
}
}
}
function CheckAll(form)
{
for (var i=0;i<form.elements.length;i++)
{
var e = form.elements;
// if (e.name != 'chkall')
e.checked = true// form.chkall.checked;
}
}
</script>
<form name="form" method="post" action="">
<input type="checkbox" name="checked[$key]" value="48004">
<input type="checkbox" name="checked[$key]" value="48004">
<input type="checkbox" name="checked[$key]" value="48004">
<input type="checkbox" name="checked[$key]" value="48004">
<input name="chkall" type="button" title="选择所有" onClick="CheckAll(this.form)" value="全选">
<input name="chkOthers" type="button" title="反向选择" onClick="CheckOthers(this.form)" value="反选">
</form>
文本输入限制
<script>
function regInput(obj, reg, inputStr)
{
var docSel = document.selection.createRange()
if (docSel.parentElement().tagName != "INPUT") return false
oSel = docSel.duplicate()
oSel.text = ""
var srcRange = obj.createTextRange()
oSel.setEndPoint("StartToStart", srcRange)
var str = oSel.text + inputStr + srcRange.text.substr(oSel.text.length)
return reg.test(str)
}
</script>
小写英文：<xmp style= "display:inline"> </xmp>
<input onkeypress = "return regInput(this, /^[a-z]*$/, String.fromCharCode(event.keyCode))"
onpaste = "return regInput(this, /^[a-z]*$/, window.clipboardData.getData('Text'))"
ondrop = "return regInput(this, /^[a-z]*$/,
JavaScript控制菜单开关：
<script language="JavaScript">
function log_out() {
top.location.href = "logout.jsp";
}
<!--
var openedid;
var openedid_ft;
var flag=0,sflag=0;
var folderCodes = new Array('Personal','Product','Order','Lottery','Bonus','Friend','Plan','Complain','Survey');
function clickHandler() {
var targetid,srcelement,targetelement;
var strbuf;
srcelement=window.event.srcElement;
if(srcelement.className=="outline") { //在Menu.asp文件如果 class="outline" 则执行
//将它对应的id值加d得到一个新的id值 "1out6d"
targetid=srcelement.id+"d";
//alert(targetid);
//退出系统
if (targetid == "Logoutd") {
if (confirm("请确实是否退出会员系统？"))
log_out() ;
return;
}
targetelement=document.all(targetid);
// 关闭其他
for (i=0; i<folderCodes.length; i++)
document.all(folderCodes[i]+"d").style.display='none';
targetelement.style.display='';
/*
if (targetelement.style.display=="none") { //如果 style="display:none" 则执行
targetelement.style.display=''; //将 display 赋以空值表示菜单以打开
strbuf=srcelement.src;
if(strbuf.indexOf("images/plus.gif")>-1) { //进行图标变换
srcelement.src="images/tree_plus.gif";
}
else {
srcelement.src="images/tree_plus.gif";
}
}
else {
targetelement.style.display="none";
strbuf=srcelement.src;
if(strbuf.indexOf("images/tree_plus.gif")>-1) {
srcelement.src="images/tree_plus.gif";
}
else {
srcelement.src="images/tree_plus.gif";
}
}
*/
}
if(srcelement.className=="dirclick") {
targetid=srcelement.id+"img";
targetelement=document.all(targetid);
if(flag==1) {
if(openedid) {
openedid.src="images/tree_dir.gif";
}
openedid_ft.style.background="#ffffff";
openedid_ft.style.color="#0000ff";
}
if(sflag==1) {
openedid_ft.style.background="#ffffff";
openedid_ft.style.color="#0000ff";
}
targetelement.src="images/a.gif";
srcelement.style.background="#000080";
srcelement.style.color="#ffffff";
openedid=targetelement;
openedid_ft=srcelement;
flag=1;
sflag=0;
}
if(srcelement.className=="serviceclick") {
targetid=srcelement.id+"img";
targetelement=document.all(targetid);
if(flag==1) {
if(openedid) {
openedid.src="images/a.gif";
}
openedid_ft.style.background="#ffffff";
openedid_ft.style.color="#0000ff";
//targetelement.src="images/tree_dir.gif";
}
if(sflag==1) {
openedid_ft.style.background="#ffffff";
openedid_ft.style.color="#0000ff";
}
srcelement.style.background="#000080";
srcelement.style.color="#ffffff";
openedid=targetelement;
openedid_ft=srcelement;
sflag=1;
flag=0;
}
}
document.onclick = clickHandler;
//-->
</script>
//===============================checkbox============//
//全选。form.selectall.checked为全选按钮的状态。
<SCRIPT language=JavaScript>
<!--
function CheckAll(form)
{
for (var i=0;i<form.elements.length;i++)
{
var e = form.elements[i];
if (e.name != 'selectall')
e.checked = form.selectall.checked;
}
}
//-->
</SCRIPT>
//取checkbox的值
String[] name = request.getParameterValues("myCheckBox");
//注：这个"myCheckBox"值就是上一个页面里面对应的checkbox的name对应的值。
for(int k=0;k<name.length;k++){
String id = name[k];
}
本Blog纯属个人学习、工作需要，记录相关资料。请不要发表任何有人身攻击的言论，谢谢！ www.zhipsoft.cn
posted on 2006-09-20 18:25
ZhipSoft 阅读(357)
评论(0) 编辑 收藏 所属分类:
JavaScript