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="1.mid表示音效文件
<embed src="1.swf" quality=high pluginspage="上面的網頁背景音樂代碼可以加入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="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 閱讀(370)
評論(0) 編輯 收藏 所屬分類:
JavaScript