BlogJava-oneJavaer-文章分类-JavaScripthttp://www.blogjava.net/onejavaer/category/46186.html让我在热血沸腾中度此一生 让我在醇酒般的幻梦里醉沉！莫使我眼见这泥塑的肉身，终以空虚的躯壳毁于泥尘zh-cnTue, 31 Aug 2010 16:11:52 GMTTue, 31 Aug 2010 16:11:52 GMT60JavaScript[对象.属性]集锦http://www.blogjava.net/onejavaer/articles/100816.html暗夜精灵暗夜精灵Mon, 26 Feb 2007 13:49:00 GMThttp://www.blogjava.net/onejavaer/articles/100816.htmlhttp://www.blogjava.net/onejavaer/comments/100816.htmlhttp://www.blogjava.net/onejavaer/articles/100816.html#Feedback0http://www.blogjava.net/onejavaer/comments/commentRss/100816.htmlhttp://www.blogjava.net/onejavaer/services/trackbacks/100816.htmlSCRIPT 标记 

用于包含JavaScript代码. 

属性 

LANGUAGE 定义脚本语言 
SRC 定义一个URL用以指定以.JS结尾的文件 


windows对象 

每个HTML文档的顶层对象. 

属性 

frames[] 子桢数组.每个子桢数组按源文档中定义的顺序存放. 
feames.length 子桢个数. 
self 当前窗口. 
parent 父窗口(当前窗口是中一个子窗口). 
top 顶层窗口(是所有可见窗口的父窗口). 
status 浏览器状态窗口上的消息. 
defaultStatus 当status无效时,出现在浏览器状态窗口上的缺省消息. 
name 内部名,为由window.open()方法打开的窗口定义的名字. 

方法 

alert("message") 显示含有给定消息的"JavaScript Alert"对话框. 
confirm("message") 显示含有给定消息的"Confirm"对话框(有一个OK按钮和一个Cancel按钮).如果用户单击OK返回true,否则返回false. 
prompt("message") 显示一个"prompt"对话框,要求用户根据显示消息给予相应输入. 
open("URL","name") 打开一个新窗口,给予一个指定的名字. 
close() 关闭当前窗口. 

frame对象 

它是整个浏览器窗口的子窗口,除了status,defaultStatus,name属性外,它拥有window对象的全部属性. 

location对象 

含有当前URL的信息. 

属性 

href 整个URL字符串. 
protocol 含有URL第一部分的字符串,如http: 
host 包含有URL中主机名:端口号部分的字符串.如//www.cenpok.net/server/ 
hostname 包含URL中主机名的字符串.如http://www.cenpok.net 
port 包含URL中可能存在的端口号字符串. 
pathname URL中"/"以后的部分.如~list/index.htm 
hash "#"号(CGI参数)之后的字符串. 
search "?"号(CGI参数)之后的字符串. 

document对象 

含有当前文档信息的对象. 

属性 

title 当前文档标题,如果未定义,则包含"Untitled". 
location 文档的全URL. 
lastModified 含有文档最后修改日期. 
referrer 调用者URL,即用户是从哪个URL链接到当前页面的. 
bgColor 背景色(#xxxxxx) 
fgColor 前景文本颜色. 
linkColor 超链接颜色. 
vlinkColor 访问过的超链颜色. 
alinkColor 激活链颜色(鼠标按住未放时). 
forms[] 文档中form对象的数组,按定义次序存储. 
forms.length 文档中的form对象数目. 
links[] 与文档中所有HREF链对应的数组对象,按次序定义存储. 
links.length 文档中HREF链的数目. 
anchors[] 锚(...)数组,按次序定义存储. 
anchors.length 文档中锚的数目. 

方法 

write("string") 将字符串突出给当前窗口.(字符串可以含有HTML标记) 
writeln("string") 与write()类似,在结尾追加回车符,只在预定格式文本中生效. 
clear() 清当前窗口. 
close() 关闭当前窗口. 

form对象 

属性 

name 中的NAME属性的字符串值. 
method 中METHOD属性的类值,"0"="GET" ,"1"="POST" . 
action 中ACTION属性的字符串值. 
target 表格数据提交的目标,与标记中相应属性一致. 
elements[index] elements属性包含form中的各个元素. 
length 表格中的元素个数. 

方法 

submit() 提交表格. 
事件处理器onSubmit() 用户单击一个定义好的按钮提交form时运行的代码. 

text和textarea对象 

属性 

name NAME属性的字符串值. 
value 域内容的字符串值. 
defaultValue 域内容的初始字符串值. 

方法 

focus() 设置对象输入焦点. 
blur() 从对象上移走输入焦点. 
select() 选定对象的输入区域. 

事件处理器 

onFocus 当输入焦点进入时执行. 
onBlur 当域失去焦点时执行. 
onSelect 当域中有部分文本被选定时执行. 
onChange 当域失去焦点且域值相对于onFocus执行有所改变时执行.

复选框(checkbox)对象 

属性 

name NAME属性的字符串值. 
value 复选框内容的字符串值.如果设置了,则为"on",否则为"off". 
checked 复选框内容的布尔值.如果设置了,则为true,否则为false . 
defaultChecked 反映(CHECKED)属性的布尔值(缺省状态). 

方法 

click() 选定复选框,并使之状态为"on". 

事件处理器 

onClick 当用户单击Checkbox时执行. 

单选按钮(radio)对象 

属性 

name NAME属性的字符串值. 
length radio对象中单选按钮的个数. 
value VALUE属性的字符串值. 
checked 布尔值,按下为true,否则为false . 
defaultChecked 反映CHECKED属性值的布尔值. 

方法 

click() 选定单选按钮. 

事件处理器 

onClick 当单选按钮被选定时执行.

select对象 

属性 

length select对象中对象的个数. 
name 由NAME=属性定义的select对象的内部名. 
selectedIndex select对象中当前被选option的下标. 
options 该属性对应于在HTML中定义select对象时标记中的内容,它有如下属性: 
text 标记后的文本串. 
value VALUE属性的值,当Submit按钮被按下时,该值被提交. 
defaultSelected 反映标记的SELECTED属性的布尔值. 
selected 反映option的当前选择状态的布尔值. 

事件处理器 

onFocus 当输入焦点进入域时执行. 
onBlur 当域失去输入焦点时执行. 
onChange 当域失去焦点且如果域的值相对于onFocus执行时有所改变,则执行onChange. 

Button对象 

表格中有三种类型按钮,由标记中的TYPE属性定义: 
.submit (type="SUBMIT") 
.reset (type="RESET") 
.custom (type="BUTTON") 

所有按钮对象都有如下成分: 

属性 

value VALUE属性的字符串值. 
name NAME属性的字符串值. 

方法 

click() 选定按钮 

事件处理器 

onClick 当按钮被单击时执行. 

submit和reset对象 

属性 

value VALUE=属性的内容. 
name NAME=属性的内容. 

方法 

click() 选定按钮 

事件处理器 

onClick 当按钮被单击时执行. 

password对象 

属性 

defaultValue VALUE=属性的内容. 
name NAME=属性的内容. 
value 目前输入password域的数据. 

方法 

focus() 将焦点带入password域. 
blur() 将焦点从password域移出. 
select() 选定password域中的当前数据,以备修改. 

navigator对象 

该对象用于确定用户访问时使用的Navigator版本. 

属性 

appCodeName 相对于用户浏览器的"codename" 
appName 相对于用户浏览器的实际名字. 
appVersion 相对于用户浏览器的版本号. 
userAgent 该属性反映用户浏览器的全部信息. 

string对象 

string对象为操作字符串的内容提供了很多方法. 

属性 

length 字符串的长度,即字符串中字符的个数. 

方法 

big(),blink(),bold(),fixed(),italics(),small(),sub(),strike(),sup(),fontColor(color),fontSize(size) 

以上方法为字符串增加相应的HTML标记. 
charAt(index) 返回字符串中index处的字符. 
indexOf(searchValue,[fromIndex]) 该方法在字符串中寻找第一次出现的searchValue.如果给定了fromIndex,则从字符串内该位置开始搜索,当searchValue找到后,返回该串第一个字符的位置. 
lastIndexOf(searchValue,[fromIndex]) 从字符串的尾部向前搜索searchValue,并报告找到的第一个实例. 
substring(indexA,indexB) 获取自indexA到indexB的子串. 
toLowerCase(),toUpperCase() 将字符串中所有字符全部转换成大写,小写.

Date对象 

要使用Date对象,必须先生成一个Date实例: 

变量名=new Date(); 

方法 

getDay(),getDate(),getHours(),getMinutes(),getMonth(),getSeconds(),getTime(), getTimeZoneOffset(),getYear() 

还有setDay... ... 

toGMTString() 用GMT格式返回当前时间. (Sun,12 Feb 1999 14:19:22 GMT) 
toLocaleString 用locale格式返回当前时间. (03/11/99 14:19:22) 
parse(date) 将普通date字符串转换成豪秒形式,从而给setTime()做参数. 

Math对象 

属性 

LN10 (10的自然对数) 
PI (3.1415926...) 
SQRT1_2 (1/2的平方根) 

方法 

abs(x) 返回x的绝对值 
acos(x) 返回x的arc cosine值 
asin(x) 返回x的arc sin值 
atan(x) 返回x的arc tangent值 
ceil(x) 返回大于等于x的最小整数 
cos(x) 返回x的cosine值 
exp(x) 返回e的x次方 
floor(x) 返回小于等于x的最大整数 
log(x) 返回x的 
max(x,y) 返回x,y中的大值 
min(x,y) 返回x,y中的小值 
pow(x,y) 返回x的y次方 
round(x) 舍入到最近整数,(小于或等于0.5小数舍去) 
sin(x) 返回x的sin值 
sqrt(x) 返回x的平方根 
tan(x) 返回x的tangent值



暗夜精灵 2007-02-26 21:49 发表评论
]]>[JavaScript]利用JavaScript控制table中row的显示 http://www.blogjava.net/onejavaer/articles/100815.html暗夜精灵暗夜精灵Mon, 26 Feb 2007 13:33:00 GMThttp://www.blogjava.net/onejavaer/articles/100815.htmlhttp://www.blogjava.net/onejavaer/comments/100815.htmlhttp://www.blogjava.net/onejavaer/articles/100815.html#Feedback0http://www.blogjava.net/onejavaer/comments/commentRss/100815.htmlhttp://www.blogjava.net/onejavaer/services/trackbacks/100815.htmlfunction changeRow(id, status) {
document.getElementById("Row1").style.display ="none";
document.getElementById("Row2").style.display ="none";
document.getElementById("Row3").style.display ="none";
    var elm = document.getElementById("Row"+id);
    if (!elm)
        return false;
   
    elm.style.display = (status == true) ? "" : "none";
}
</script>
<table width="100%" border="0">
  <tr>
    <td>
         <select name="select"  onchange="javascript: changeRow(this.value,true);">
          <option value="0">None</option>
          <option value="1">Row1</option>
          <option value="2">Row2</option>
          <option value="3">Row3</option>
        </select>
         </td>
  </tr>
  <tr id=Row1 style="display: none;">
    <td bgcolor="#99FF00">Row1</td>
  </tr>
  <tr id=Row2 style="display: none;">
    <td bgcolor="#CCCC99">Row2</td>
  </tr>
  <tr id=Row3 style="display: none;">
    <td bgcolor="#FFCC99">Row3</td>
  </tr>
</table>

暗夜精灵 2007-02-26 21:33 发表评论
]]>显示隐藏网页元素 http://www.blogjava.net/onejavaer/articles/100814.html暗夜精灵暗夜精灵Mon, 26 Feb 2007 13:29:00 GMThttp://www.blogjava.net/onejavaer/articles/100814.htmlhttp://www.blogjava.net/onejavaer/comments/100814.htmlhttp://www.blogjava.net/onejavaer/articles/100814.html#Feedback0http://www.blogjava.net/onejavaer/comments/commentRss/100814.htmlhttp://www.blogjava.net/onejavaer/services/trackbacks/100814.html <html>
<head>
<script language="javascript">
 function showlay(par)
 {
  if (par==1)
   test.style.display="";
  else
   test.style.display = "none";
  
 } 

</script>
</head>
<body>
<div onmouseover="showlay(1);" onmouseout="showlay(0);">瓷器</div>
<div  id="test" style="display:none;background-color:red;">dkdkdkddkdkd</div>
<div>瓷器</div>
<body>
</html>



暗夜精灵 2007-02-26 21:29 发表评论
]]>如何控制div是否显示http://www.blogjava.net/onejavaer/articles/100812.html暗夜精灵暗夜精灵Mon, 26 Feb 2007 13:25:00 GMThttp://www.blogjava.net/onejavaer/articles/100812.htmlhttp://www.blogjava.net/onejavaer/comments/100812.htmlhttp://www.blogjava.net/onejavaer/articles/100812.html#Feedback0http://www.blogjava.net/onejavaer/comments/commentRss/100812.htmlhttp://www.blogjava.net/onejavaer/services/trackbacks/100812.html<html>
<head>
<script language="javascript">
function showit()
{
  document.all["div1"].style.display="block";
}
function hideit()
{
  document.all["div1"].style.display="none"; //不能写成：  document.all["div1"].style="display:none";
}
</script>
</head>
<body>
<input type="button" value="show div" onclick="showit()">
<input type="button" value="hide div" onclick="hideit()">
<div id="div1">this is a div content</div>
</body>
</html>



暗夜精灵 2007-02-26 21:25 发表评论
]]>如何用javascript控制web页面中的某个控件是否显示http://www.blogjava.net/onejavaer/articles/100811.html暗夜精灵暗夜精灵Mon, 26 Feb 2007 13:23:00 GMThttp://www.blogjava.net/onejavaer/articles/100811.htmlhttp://www.blogjava.net/onejavaer/comments/100811.htmlhttp://www.blogjava.net/onejavaer/articles/100811.html#Feedback0http://www.blogjava.net/onejavaer/comments/commentRss/100811.htmlhttp://www.blogjava.net/onejavaer/services/trackbacks/100811.htmlweb中有label标签, 一般在表单中和checkbutton和radiobutton合用
有控制显示的样式属性,
一般要隐藏的话需要设置 objct.style.display = "none"
显示 object.style.display = ""
<div id="test"></div>
<select onchange="test.innerHTML=this.options[selectedIndex].text">
<option>test1
<option>test2
</select>


暗夜精灵 2007-02-26 21:23 发表评论
]]>js验证大全（正则表达式）- -http://www.blogjava.net/onejavaer/articles/79072.html暗夜精灵暗夜精灵Sat, 04 Nov 2006 08:26:00 GMThttp://www.blogjava.net/onejavaer/articles/79072.htmlhttp://www.blogjava.net/onejavaer/comments/79072.htmlhttp://www.blogjava.net/onejavaer/articles/79072.html#Feedback0http://www.blogjava.net/onejavaer/comments/commentRss/79072.htmlhttp://www.blogjava.net/onejavaer/services/trackbacks/79072.html<script>
  /*************************************************
*************************************************/
 Validator = {
 Require : /.+/,
 Email : /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,
 Phone : /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/,
 Mobile : /^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$/,
 Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/,
 IdCard : /^\d{15}(\d{2}[A-Za-z0-9])?$/,
 Currency : /^\d+(\.\d+)?$/,
 Number : /^\d+$/,
 Zip : /^[1-9]\d{5}$/,
 QQ : /^[1-9]\d{4,8}$/,
 Integer : /^[-\+]?\d+$/,
 Double : /^[-\+]?\d+(\.\d+)?$/,
 English : /^[A-Za-z]+$/,
 Chinese :  /^[\u0391-\uFFE5]+$/,
 Username : /^[a-z]\w{3,}$/i,
 UnSafe : /^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\(\)\[\]\{\}<>\?\\\/\'\"]*)|.{0,5})$|\s/,
 IsSafe : function(str){return !this.UnSafe.test(str);},
 SafeString : "this.IsSafe(value)",
 Filter : "this.DoFilter(value, getAttribute('accept'))",
 Limit : "this.limit(value.length,getAttribute('min'),  getAttribute('max'))",
 LimitB : "this.limit(this.LenB(value), getAttribute('min'), getAttribute('max'))",
 Date : "this.IsDate(value, getAttribute('min'), getAttribute('format'))",
 Repeat : "value == document.getElementsByName(getAttribute('to'))[0].value",
 Range : "getAttribute('min') < (value|0) && (value|0) < getAttribute('max')",
 Compare : "this.compare(value,getAttribute('operator'),getAttribute('to'))",
 Custom : "this.Exec(value, getAttribute('regexp'))",
 Group : "this.MustChecked(getAttribute('name'), getAttribute('min'), getAttribute('max'))",
 ErrorItem : [document.forms[0]],
 ErrorMessage : ["以下原因导致提交失败：\t\t\t\t"],
 Validate : function(theForm, mode){
  var obj = theForm || event.srcElement;
  var count = obj.elements.length;
  this.ErrorMessage.length = 1;
  this.ErrorItem.length = 1;
  this.ErrorItem[0] = obj;
  for(var i=0;i<count;i++){
   with(obj.elements[i]){
    var _dataType = getAttribute("dataType");
    if(typeof(_dataType) == "object" || typeof(this[_dataType]) == "undefined")  continue;
    this.ClearState(obj.elements[i]);
    if(getAttribute("require") == "false" && value == "") continue;
    switch(_dataType){
     case "Date" :
     case "Repeat" :
     case "Range" :
     case "Compare" :
     case "Custom" :
     case "Group" :
     case "Limit" :
     case "LimitB" :
     case "SafeString" :
     case "Filter" :
      if(!eval(this[_dataType])) {
       this.AddError(i, getAttribute("msg"));
      }
      break;
     default :
      if(!this[_dataType].test(value)){
       this.AddError(i, getAttribute("msg"));
      }
      break;
    }
   }
  }
  if(this.ErrorMessage.length > 1){
   mode = mode || 1;
   var errCount = this.ErrorItem.length;
   switch(mode){
   case 2 :
    for(var i=1;i<errCount;i++)
     this.ErrorItem[i].style.color = "red";
   case 1 :
    alert(this.ErrorMessage.join("\n"));
    this.ErrorItem[1].focus();
    break;
   case 3 :
    for(var i=1;i<errCount;i++){
    try{
     var span = document.createElement("SPAN");
     span.id = "__ErrorMessagePanel";
     span.style.color = "red";
     this.ErrorItem[i].parentNode.appendChild(span);
     span.innerHTML = this.ErrorMessage[i].replace(/\d+:/,"*");
     }
     catch(e){alert(e.description);}
    }
    this.ErrorItem[1].focus();
    break;
   default :
    alert(this.ErrorMessage.join("\n"));
    break;
   }
   return false;
  }
  return true;
 },
 limit : function(len,min, max){
  min = min || 0;
  max = max || Number.MAX_VALUE;
  return min <= len && len <= max;
 },
 LenB : function(str){
  return str.replace(/[^\x00-\xff]/g,"**").length;
 },
 ClearState : function(elem){
  with(elem){
   if(style.color == "red")
    style.color = "";
   var lastNode = parentNode.childNodes[parentNode.childNodes.length-1];
   if(lastNode.id == "__ErrorMessagePanel")
    parentNode.removeChild(lastNode);
  }
 },
 AddError : function(index, str){
  this.ErrorItem[this.ErrorItem.length] = this.ErrorItem[0].elements[index];
  this.ErrorMessage[this.ErrorMessage.length] = this.ErrorMessage.length + ":" + str;
 },
 Exec : function(op, reg){
  return new RegExp(reg,"g").test(op);
 },
 compare : function(op1,operator,op2){
  switch (operator) {
   case "NotEqual":
    return (op1 != op2);
   case "GreaterThan":
    return (op1 > op2);
   case "GreaterThanEqual":
    return (op1 >= op2);
   case "LessThan":
    return (op1 < op2);
   case "LessThanEqual":
    return (op1 <= op2);
   default:
    return (op1 == op2);           
  }
 },
 MustChecked : function(name, min, max){
  var groups = document.getElementsByName(name);
  var hasChecked = 0;
  min = min || 1;
  max = max || groups.length;
  for(var i=groups.length-1;i>=0;i--)
   if(groups[i].checked) hasChecked++;
  return min <= hasChecked && hasChecked <= max;
 },
 DoFilter : function(input, filter){
return new RegExp("^.+\.(?=EXT)(EXT)$".replace(/EXT/g, filter.split(/\s*,\s*/).join("|")), "gi").test(input);
 },
 IsDate : function(op, formatString){
  formatString = formatString || "ymd";
  var m, year, month, day;
  switch(formatString){
   case "ymd" :
    m = op.match(new RegExp("^((\\d{4})|(\\d{2}))([-./])(\\d{1,2})\\4(\\d{1,2})$"));
    if(m == null ) return false;
    day = m[6];
    month = m[5]*1;
    year =  (m[2].length == 4) ? m[2] : GetFullYear(parseInt(m[3], 10));
    break;
   case "dmy" :
    m = op.match(new RegExp("^(\\d{1,2})([-./])(\\d{1,2})\\2((\\d{4})|(\\d{2}))$"));
    if(m == null ) return false;
    day = m[1];
    month = m[3]*1;
    year = (m[5].length == 4) ? m[5] : GetFullYear(parseInt(m[6], 10));
    break;
   default :
    break;
  }
  if(!parseInt(month)) return false;
  month = month==0 ?12:month;
  var date = new Date(year, month-1, day);
        return (typeof(date) == "object" && year == date.getFullYear() && month == (date.getMonth()+1) && day == date.getDate());
  function GetFullYear(y){return ((y<30 ? "20" : "19") + y)|0;}
 }
 }
</script>


暗夜精灵 2006-11-04 16:26 发表评论
]]>正则表达式regular expression详述http://www.blogjava.net/onejavaer/articles/79071.html暗夜精灵暗夜精灵Sat, 04 Nov 2006 08:25:00 GMThttp://www.blogjava.net/onejavaer/articles/79071.htmlhttp://www.blogjava.net/onejavaer/comments/79071.htmlhttp://www.blogjava.net/onejavaer/articles/79071.html#Feedback0http://www.blogjava.net/onejavaer/comments/commentRss/79071.htmlhttp://www.blogjava.net/onejavaer/services/trackbacks/79071.html阅读全文

暗夜精灵 2006-11-04 16:25 发表评论
]]>JS正则表达式大全http://www.blogjava.net/onejavaer/articles/79070.html暗夜精灵暗夜精灵Sat, 04 Nov 2006 08:16:00 GMThttp://www.blogjava.net/onejavaer/articles/79070.htmlhttp://www.blogjava.net/onejavaer/comments/79070.htmlhttp://www.blogjava.net/onejavaer/articles/79070.html#Feedback0http://www.blogjava.net/onejavaer/comments/commentRss/79070.htmlhttp://www.blogjava.net/onejavaer/services/trackbacks/79070.html阅读全文

暗夜精灵 2006-11-04 16:16 发表评论
]]>JS收集(二)http://www.blogjava.net/onejavaer/articles/79064.html暗夜精灵暗夜精灵Sat, 04 Nov 2006 08:05:00 GMThttp://www.blogjava.net/onejavaer/articles/79064.htmlhttp://www.blogjava.net/onejavaer/comments/79064.htmlhttp://www.blogjava.net/onejavaer/articles/79064.html#Feedback0http://www.blogjava.net/onejavaer/comments/commentRss/79064.htmlhttp://www.blogjava.net/onejavaer/services/trackbacks/79064.html阅读全文

暗夜精灵 2006-11-04 16:05 发表评论
]]>JS收集(一)http://www.blogjava.net/onejavaer/articles/79063.html暗夜精灵暗夜精灵Sat, 04 Nov 2006 07:55:00 GMThttp://www.blogjava.net/onejavaer/articles/79063.htmlhttp://www.blogjava.net/onejavaer/comments/79063.htmlhttp://www.blogjava.net/onejavaer/articles/79063.html#Feedback0http://www.blogjava.net/onejavaer/comments/commentRss/79063.htmlhttp://www.blogjava.net/onejavaer/services/trackbacks/79063.html 1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table

2. <body onselectstart="return false"> 取消选取、防止复制

3. onpaste="return false" 不准粘贴

4. oncopy="return false;" oncut="return false;" 防止复制

5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

7. <input style="ime-mode:-Disabled"> 关闭输入法

8. 永远都会带着框架
<script language="javascript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>

9. 防止被人frame
<SCRIPT LANGUAGE=javascript><!-- 
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>

10. 网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript> 

11. <input type=button value=查看网页源代码 
onclick="window.location = `view-source:`+ http://www.51js.com/`";>

12.删除时确认
<a href=`javascript:if(confirm("确实要删除吗?"location="boos.asp?&areyou=删除&page=1"`>删

除</a> 

13. 取得控件的绝对位置
//javascript
<script language="javascript">
function getIE(E){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"/nleft="+l);
}
</script>

//VBScript
<script language="VBScript"><!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--></script>

14. 光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart(`character`,e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">

15. 判断上一页的来源
javascript:
document.referrer

16. 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value="Close"></OBJECT>

<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){ 
if(event.shiftKey) 
alert("禁止按Shift键!"; //可以换成ALT　CTRL
} 
document.onkeydown=look; 
</script>

18. 网页不会被缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">

19.怎样让表单没有凹凸感？
<input type=text style="border:1 solid #000000"> 
或
<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom: 

1 solid #000000"></textarea>

20.<div><span>&<layer>的区别？ 
<div>(division)用来定义大段的页面元素，会产生转行 
<span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行 
<layer>是ns的标记，ie不支持，相当于<div>

21.让弹出窗口总是在最上面:
<body onblur="this.focus();">

22.不要滚动条? 
让竖条没有: 
<body style=`overflow:-Scroll;overflow-y:hidden`> 
</body> 
让横条没有: 
<body style=`overflow:-Scroll;overflow-x:hidden`> 
</body> 
两个都去掉？更简单了 
<body scroll="no"> 
</body> 

23.怎样去掉图片链接点击后，图片周围的虚线？
<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>

24.电子邮件处理提交表单
<form name="form1" method="post" action="mailt****@***.com" enctype="text/plain"> 
<input type=submit>
</form>

25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()


25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()

26.如何设定打开页面的大小
<body onload="top.resizeTo(300,200);">
打开页面的位置<body onload="top.moveBy(300,200);">

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 
<style> 
body 
{background-image:url(logo.gif); background-repeat:no-repeat; 

background-position:center;background-attachment: fixed} 
</style> 

28. 检查一段字符串是否全由数字组成
<script language="javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"
alert(checkNum("123214214a1"
// --></script>

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字";
else alert("全是字符";

31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

32. 日期减去天数等于第二个日期
<script language=javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(A)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日"
}
cc("12/23/2002",2)
</script>

33. 选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" onclick="checkme()">
</BODY></HTML>

34.脚本永不出错
<SCRIPT LANGUAGE="javascript"> 
<!-- Hide 
function killErrors() { 
return true; 
} 
window.onerror = killErrors; 
// --> 
</SCRIPT>

35.ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">

36. 检测某个网站的链接速度：
把如下代码加入<body>区域中:
<script language=javascript>
tim=1
setInterval("tim++",100)
b=1

var autourl=new Array()
autourl[1]="http://www.njcatv.net/";
autourl[2]="javacool.3322.net"
autourl[3]="http://www.sina.com.cn/";
autourl[4]="http://www.nuaa.edu.cn/";
autourl[5]="http://www.cctv.com/";

function butt(){
document.write("<form name=autof>"
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=text 

name=url"+i+" size=40> =》<input type=button value=GO 

onclick=window.open(this.form.url"+i+".value)><br>"
document.write("<input type=submit value=刷新></form>"
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="链接超时"}
else
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}
b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img 

src=http://"+autourl+"/"+Math.random()+" width=1 height=1 

onerror=auto(http://";+autourl+"`)>"}
run()</script>

37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

38.页面进入和退出的特效
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)"> 
这个是页面被载入和调出时的一些特效。Duration表示特效的持续时间，以秒为单位。Transition表示使

用哪种特效，取值为1-23:
　　0 矩形缩小 
　　1 矩形扩大 
　　2 圆形缩小
　　3 圆形扩大 
　　4 下到上刷新 
　　5 上到下刷新
　　6 左到右刷新 
　　7 右到左刷新 
　　8 竖百叶窗
　　9 横百叶窗 
　　10 错位横百叶窗 
　　11 错位竖百叶窗
　　12 点扩散 
　　13 左右到中间刷新 
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间 
　　17 右下到左上
　　18 右上到左下 
　　19 左上到右下 
　　20 左下到右上
　　21 横条 
　　22 竖条 
　　23 以上22种随机选择一种

39.在规定时间内跳转
<META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com"> 

40.网页是否被检索
<meta name="ROBOTS" content="属性值">
　　其中属性值有以下一些:
　　属性值为"all": 文件将被检索，且页上链接可被查询；
　　属性值为"none": 文件不被检索，而且不查询页上的链接；
　　属性值为"index": 文件将被检索；
　　属性值为"follow": 查询页上的链接；
　　属性值为"noindex": 文件不检索，但可被查询链接；
　　属性值为"nofollow": 文件不被检索，但可查询页上的链接。 


41.变换网页的鼠标光标
<BODY style="CURSOR: url(http://203.73.125.205/~liangmi2/farmfrog01.cur`)">

42.怎样实现在任务栏显示小图标的效果？ (要使用绝对地址)
有些站点，访问时会在地址栏地址前显出小图标，添加到收藏夹后也在收藏栏中显示图标，
这样很好的与其它站点有了区别。 
要达到这个效果，先需做出这个图标文件，图像为16*16像素，不要超过16色。文件格式为ico，然后上传至你的网站。
然后，在需要的页面中，加上以下html语句到文件的<head>和</head>之间（假设以上ico文件的地址http://happyisland.126.com/icon.ico）。
<link REL="SHORTCUT ICON"href="http:///happyisland.126.com/icon.ico";> 
如果访问者的浏览器是IE5.0，就不需加任何代码，只要将图标文件上传到网站的根目录下即可。
1,META标签里的代码是什么意思？ 
<META>是放于<HEAD>与</HEAD>之间的标记.以下是我总结它在网页中最常见的几种。 
<meta name="Keywords" content="图片, 新闻, 音乐, 软件"> 
该网页的关键字，作用于搜索引擎的登录，事实上它在现在的网站中并没什么用。 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
设定这是 HTML 文件及其编码语系，简体中文网页使用charset=gb2312，繁体中文使用charset=big5，或者不设编码也可，纯英文网页建议使用 iso-8859-1。 
<meta name="GENERATOR" content="Microsoft FrontPage 5.0"> 
这只表示该网页由什么编辑器写的。 
<meta http-equiv="refresh" content="10; url=http://www.hkiwc.com"> 
这行较为实用，能于预定秒数内自动转到指定网址。原代码中 10 表示 10秒。 

2，怎么改变滚动条的颜色，只有ie5.5版本以上才能支持。 
这是使用CSS语言，在次说明一下，它和我的浏览器版本有一定的关系。 
scrollbar-arrow-color：上下按钮上三角箭头的颜色。 
scrollbar-base-color：滚动条的基本颜色。 
scrollbar-dark-shadow-color：立体滚动条强阴影的颜色 
scrollbar-face-color：立体滚动条凸出部分的颜色 
scrollbar-highlight-color：滚动条空白部分的颜色 
scrollbar-shadow-color立体滚动条阴影的颜色。
scrollbar-track-color:#99CC33;
scrollbar-3dlight-color:#A8CBF1; 
代码如下： 
<style> 
<!-- 
BODY {
scrollbar-face-color:#99CC33;//(立体滚动条凸出部分的颜色) 
scrollbar-highlight-color:#A8CBF1;//(滚动条空白部分的颜色) 
scrollbar-shadow-color:#A8CBF1;//(立体滚动条阴影的颜色) 
scrollbar-arrow-color:#FF9966;//(上下按钮上三角箭头的颜色) 
scrollbar-base-color:#A8CBF1; //(滚动条的基本颜色) 
scrollbar-darkshadow-color:#A8CBF1; //(立体滚动条强阴影的颜色)
scrollbar-track-color:#99CC33;
scrollbar-3dlight-color:#A8CBF1; 
} 
--> 
</style> 
在这我补充几点： 
1.让浏览器窗口永远都不出现滚动条。 
<body style="overflow-x:hidden;overflow-y:hidden">或<body style="overflow:hidden"> 或<body scroll=no> 
2，没有水平滚动条 
<body style="overflow-x:hidden"> 
3，没有垂直滚动条 
<body style="overflow-y:hidden"> 

3,如何给图片抖动怎做的. 
<SCRIPT language=javascript1.2> 
<!-- 
var rector=2 
var stopit=0 
var a=1 
var count=0 
function init(which){ 
stopit=0 
shake=which 
shake.style.left=0 
shake.style.top=0 
} 
function rattleimage(){ 
if ((!document.all&&!document.getElementById)||stopit==1||count==100) 
return 
count++ 
if (a==1){ 
shake.style.top=parseInt(shake.style.top)+rector 
} 
else if (a==2){ 
shake.style.left=parseInt(shake.style.left)+rector 
} 
else if (a==3){ 
shake.style.top=parseInt(shake.style.top)-rector 
} 
else{ 
shake.style.left=parseInt(shake.style.left)-rector 
} 
if (a<4) 
a++ 
else 
a=1 
setTimeout("rattleimage()",50) 
} 
function stoprattle(which){ 
stopit=1 
count=0 
which.style.left=0 
which.style.top=0 
} 
//--> 
</SCRIPT> 
<style>.shakeimage {POSITION: relative} 
</style> 
<img src="图片的路径" onmouseout=stoprattle(this) onmouseover=init(this);rattleimage() class=shakeimage>


4，在DW如何给水平线加颜色。 
在DW中没有此项设置，你只能在HTML中加入代码：<hr color=red noshade>按F12的预览在能看到。由于在NC中不支持<hr>的COLOR属性，所以在DW中没有此项设置。 
　　　 
5，如何在网页中实现flash的全屏播放？ 
只要在调用swf文件的HTML中将WIDTH和HEIGHT的参数设为100％即可，当然也可以在Flash导出HTML文件的设置中进行设置，方法是：打开File菜单；选Publish Settings弹出导出设置对话框；在HTML标签下的Dimensions选项,下拉后选中Percent（百分比）,并在WIDTH 和HEIGHT框中填100.就行了。 

6,为什么我在DW中插入的Flash动画缺看不找！ 
如果你没有正确地安装Dreamweaver和Flash，那么在你预览的时候，Dreamweaver会提示你缺少播放的插件，请你按装InstallAXFlash.exe 并从新启动计算机。现在IE6已经捆绑这个程序。 

7，在Flash中，如果屏蔽鼠标右键?FS命令都是什么意思? 
fscommand ("fullscreen", "true/false";（全屏设置，TRUE开，FALSE关） 
fscommand ("showmenu", "true/false";（右键菜单设置，TRUE显示，FALSE不显示） 
fscommand ("allowscale", "true/false";（缩放设置，TRUE自由缩放，FALSE调整画面不影响影片本身的尺寸） 
fscommand ("trapallkeys", "true/false";（快捷键设置，TRUE快捷键开，FALSE快捷键关） 
fscommand ("exec";（EXE程序调用） 
fscommand ("quit";（退出关闭窗口） 

8，Flash中什么是隐形按钮。 
利用button中的hit帧来制作只有感应区域而完全透明的按钮。 

9，如何给Flash动画做链接。 
Dreamweaver是不能给Flash制作链接的，只能在Flash中用geturl()加链接，然后再插入Dreamweaver中。 

10，DW中的层的技巧。 
层是可以嵌套的，我个人给大家一个技巧，在层面板中按住CTRL再拖放层到你想去成为其子层的地方就行了，我认为这是最简单直观的方法了。 

11，如何改变鼠标的形状？ 
在Dreamweaver4中CSS样式面板： 
按CTR+SHIFT+E--出现样式表对话框,点击NEW，出现编辑对话框,在左边最后一项extensions-cursor 选择你要改的指针形式就可以了，然后把你要想改变的地方运用样式表，如果整页都有在<body bgcolor="#003063" text="#ffffff" id=all>中加入就行了。 
<span style="cursor:X`>样例</span> 
这里选择（文本）作为对象，还可以自己改为其他的，如link等。 
x可以等于=hand（手形）、crosshair（十字）、text（文本光标）、wait（顾名思义啦）、default（默认效果）、help（问号）、e-size（向右箭头）、ne-resize（向右上的箭头）、nw-resize（向左上的箭头）、w-resize（向左的箭头）、sw-resize（左下箭头）、s-resize（向下箭头）、se-resize（向右下箭头）、auto（系统自动给出效果）。 

12，用CSS做邮票，看看吧！ 
<input type=button value=我象不象邮票？ style="height:80px;border:2px dashed #cccccc"> 

13，经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，怎么做呢！ 
这javascript代码即可实现，摘录蓝色论坛。 
【1、最基本的弹出窗口代码】 
其实代码非常简单： 
<SCRIPT LANGUAGE="javascript"> 
<!-- 
window.open (`page.html`) 
--> 
</SCRIPT> 
因为着是一段javascripts代码，所以它们应该放在<SCRIPT LANGUAGE="javascript">标签和</script>之间。<!-- 和 -->是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 
window.open (`page.html`) 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://) 和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。 
这一段代码可以加入HTML的任意位置，<head>和</head>之间可以，<body bgcolor="#003063" text="#ffffff" id=all>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。 
【2、经过设置后的弹出窗口】 
下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。 
我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。 
<SCRIPT LANGUAGE="javascript"> 
<!-- 
window.open (`page.html`, `newwindow`, `height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no`) 
//写成一行 
--> 
</SCRIPT> 
参数解释： 
<SCRIPT LANGUAGE="javascript"> js脚本开始； 
window.open 弹出新窗口的命令； 
`page.html` 弹出窗口的文件名； 
`newwindow` 弹出窗口的名字（不是文件名），非必须，可用空``代替； 
height=100 窗口高度； 
width=400 窗口宽度； 
top=0 窗口距离屏幕上方的象素值； 
left=0 窗口距离屏幕左侧的象素值； 
toolbar=no 是否显示工具栏，yes为显示； 
menubar，scrollbars 表示菜单栏和滚动栏。 
resizable=no 是否允许改变窗口大小，yes为允许； 
location=no 是否显示地址栏，yes为允许； 
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许； 
</SCRIPT> js脚本结束 
【3、用函数控制弹出窗口】 
下面是一个完整的代码。 
<html> 
<head> 
<script LANGUAGE="javascript"> 
<!-- 
function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar= 
no, menubar=no, scrollbars=no, resizable=no, location=no, status=no" 
//写成一行 
} 
//--> 
</script> 
</head> 
<body onload="openwin()"> 
…任意的页面内容… 
</body> 
</html> 
这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。 
怎么调用呢？ 
方法一：<body onload="openwin()"> 浏览器读页面时弹出窗口； 
方法二：<body onunload="openwin()"> 浏览器离开页面时弹出窗口； 
方法三：用一个连接调用： 
<a href="#" onclick="openwin()">打开一个窗口</a> 
注意：使用的“#”是虚连接。 
方法四：用一个按钮调用： 
<input type="button" onclick="openwin()" value="打开窗口"> 


14，没有用表格写的，让大家随便看看，没什么。 
<html> 
<head> 
<title>江南荷花扇面</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<style type="text/css"> 
<!-- 
.font1 { font-size: 12px; color: #999999; text-decoration: none} 
a { font-size: 12px; color: #999999; text-decoration: none} 
a:hover { font-size: 12px; color: #000000; text-decoration: none} 
--> 
</style> 
</head> 
<body bgcolor="#FFFFFF" text="#000000"> 
<div class="font1" style="writing-mode=tb-rl;height:200px" width=300> 
<p>盛夏　　　　　　尚　涛　 
<p><a href="index.htm">一夜露痕黄粉香　袁运甫 </a> 
<p>瑶池昨夜新凉　　王金岭 
<p>一朵白莲随意开　吴冠南 
<p>新雨迎秋欲满塘　齐辛民 
<p>十里荷香　　　　齐辛民 
<p>濯清莲而不妖　　卢世曙 
</div> 
</body> 
</html> 

15,IE6已支持自定义cursor! 
语法格式 cursor:url(图标) //cur或是ani文件. 
cur就是WINDOWS中的光标(cursor)文件，光标文件与图标（ICON)文件除了文件头有一个位置的值不同外，实际是一样的。 
ani是WINDOWS中的动画光标（图标）文件。 
<style type="text/css"> 
<!-- 
.unnamed1 { cursor:url(arrow2c.cur)} 
--> 
</style> 

16,用marquee做的滚动字幕.这也我刚看到论坛的朋友在问。 
语法： 
align=# | top | middle| bottom //对齐方式) 
BEHAVIOR=ALTERNATE | SCROLL | SLIDE //移动的方式 
BGCOLOR=color//底色区域颜色 
DIRECTION=DOWN | LEFT | RIGHT | UP //移动的方向 
Loop=n //循环次数（默认是循环不止） 
Scrolldelay=milliseconds//延时 
height=# width=# //区域面积 
hspace=# vspace=# //空白区域 
scrollamount=# //移动的速度 
<marquee align=top behavior=ALTERNATE BGCOLOR=#000000 height=60 width=433 scrollamount=5></marquee>

17，在FLASH5中也存在一些字体，打散后变成一团的事是为什么？有解决的办法吗。 
这是大家很常见的问题！可能是对字库支持的不好！我个是做成透明的gif图片格式，然后倒入。 

18，flash的网页里“加入收藏夹”功能怎么实现？ 
在as中加getUrl("java script:window.external.addFavorite(http://skydesigner.51.net `,`我的工作室`)" 

19，在Flash中，文本的动态属性和输入属性的区别。 
input text在运行时可被用户或程序改变其值。 
ynamic text仅允许被程序修改。 

20,怎样在IE中调用Dreamweaver进行编辑. 
相信很多在使用WinME或Window2000的朋友，会遇见是个问题。很简单，把我们笔记本程序打开，保存为一个 *.reg 文件。双击它将信息添加到注册表即可。 
REGEDIT4 
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver] 
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell] 
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit] 
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command] 
@="\"c:\\Program Files\\Macromedia\\Dreamweaver 4\\dreamweaver.exe\" \"%1\"" 

21，设置表格虚线。 
方法一：作一个1X2的图。半黑半白，再利用表格作成线。 
方法二：在css里面设，要IE5。5才支持这种效果。 
style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED" 

22,看看在网页中调用HHCtrl控件效果。 
代码如下： 
<object id="HHC" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"></object><script>HHC.TextPopup("哈哈,大家好,我是闪梦!","",50,5,128255,346751);</script> 

22，如何让一张图片有浅到深的渐变。 
<SCRIPT language=javascript1.2> 
<!-- 
function high(which2){ 
theobject=which2 
highlighting=setInterval("highlightit(theobject)",50) 
} 
function low(which2){ 
clearInterval(highlighting) 
which2.filters.alpha.opacity=40 
} 
function highlightit(cur2){ 
if (cur2.filters.alpha.opacity<100) 
cur2.filters.alpha.opacity+=10 
else if (window.highlighting) 
clearInterval(highlighting) 
} 
</script> 
<img onmouseout=low(this) onmouseover=high(this) style="FILTER: alpha(opacity=40)"src="logo.gif" > 

23,双击鼠标左键来滚动背景，单击停止。 
<SCRIPT language=javascript> 
var currentpos,timer; 
function initialize() 
{ 
timer=setInterval("scrollwindow()",16); 
} 
function sc(){ 
clearInterval(timer); 
} 
function scrollwindow() 
{ 
currentpos=document.body.scrollTop; 
window.scroll(0,++currentpos); 
if (currentpos != document.body.scrollTop) 
sc(); 
} 
document.onmousedown=sc 
document.ondblclick=initialize 
</SCRIPT> 


24,如何在同一页面设置不同文字链接效果的样式. 
代码如下： 
<HTML><HEAD><TITLE>如何在同一页面设置不同文字链接效果的样式</TITLE> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<style type="text/css"> 
<!-- 
a:hover { font-size: 9pt; color: #FF0000; text-decoration: underline} 
a:link { font-size: 9pt; color: #006699; text-decoration: underline} 
a:visited { font-size: 9pt; color: #006699; text-decoration: underline} 
a:active { font-size: 9pt; color: #FF0000; text-decoration: none} 
a.r1:hover { font-size: 9pt; color: #FF0000; text-decoration: underline overline} 
a.r1:link { font-size: 9pt; color: #000000; text-decoration: underline overline} 
a.r1:visited { font-size: 9pt; color: #99CC00; text-decoration: underline overline} 
a.r1:active { font-size: 9pt; color: #000000; text-decoration: underline overline} 
--> 
</style> 
</head> 
<body bgcolor="#FFFFFF" text="#000000"> 
<a href="#">下划线链接 </a> 
<p></p> 
<a href="#" class="r1">双下划线链接</a> 
</BODY> 
</HTML> 
补充说明： 
a:hover 表示鼠标划过时的样式. 
a:link 表示链接的样式. 
a:active 表示当前活动连接的样式. 
a:visited 表示已经访问过的连接的样式. 

25, 用CSS给文字加入阴影效果和文字描边效果。 
.glow{FONT-SIZE: 9pt; FILTER: Glow(Color=#000000, Strength=1)} 
//文字描边效果 
.shadow {FONT-SIZE: 9pt; FILTER: DropShadow(OffX=1, OffY=1, DropShadow(OffX=1, OffY=1, color:#111111); COLOR: #ffffff; FONT-FAMILY: "宋体"} 
//加入阴影效果 
补充说明： 
　　这两种滤镜要想实现效果，必须加在如：<td class=glow或shadow ><div>xxxxxxxxx</div></td>上 
，并且要留有足够的空间能够显示阴影或描边，否则会出现半截的阴影或描边现象。 

26,如何给做带颜色的下拉菜单。 
<select style="FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana;BACKGROUND-COLOR: #ff6600;" size=1 > 
<option selected>:: Dreamweaver4 ::</option> 
<option>::Flash5::</option> 
<option>::Firewoks4::</option> 
</select> 

27,关于DW4的表格中的亮边框和暗边框问题。 
在DW4的表格面板中并没有亮边框和暗边框的属性设置，因为NC不支持,只有你在代码中添加了。 
bordercolorlight="#999999" bordercolordark="#000000" 
　　你也可以用Css定义一个class。例如： 
<style> 
.bordercolor { bordercolorlight: #999999; bordercolordark: #000000 } 
</style> 
　　然后在要加效果的表格里加上<table class="bordercolor"> 

28,自动显示主页最后更新日期. 
<script> 
document.write("最后更新日期："+document.lastModified+"" 
</script> 


29,如何让滚动条出现在左边？ 
我想居然在论坛中有人发表了这段代码，很有意思，它的确照顾一些左撇子，呵呵！ 
<html dir="rtl"> 
<body bgcolor="#000000" text="#FFFFFF"> 
<table height=18 width=212 align=center bgcolor=#FFFFFF dir="ltr" cellspacing="1" 　cellpadding="0"> 
<tr> 
<td bgcolor="#FF0000" >是不是你的滚动条在左边啊</td> 
</tr> 
</table> 
</body> 
</html> 

30,如何加入网址前面的小图标？ 
　　首先,您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以 .ico 作为扩展名。你可用在网上找一个制作图标软件，它具有特有的规格：图标的大小为 16 * 16（以像素为单位）；颜色不得超过 16 色。 在该网页文件的 HEAD 部分加入下面的内容：<LINK REL="SHORTCUT ICON" HREF=" http://skydesigner.51.net/ 图标文件名">,并放在该网页的根目录下。 

31,在800*600显示器中，如何不让网页水平出现滚动条！ 
设至<body leftmargin="0" topmargin="0">，网页中的表格宽度为778。 

32,关于<!DOTYPE>的说明解释。 
在网页中，经常会看到〈!DOCTYPE HTML PUBLIC`-//W3C//DTD HTML 4.01//EN`>，是声明HTML文件的版本信息。 

33, 用图片来关闭窗体. 
<A href="java script:window.close()"><IMG height=20 width=20 alt="关闭窗口" src="close.gif" border=0></A> 
补充说明：如何使用了ACTIVEX！,不再警告窗口？ 
<html> 
<head> 
<object id=closes type="application/x-oleobject" 
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 
<param name="Command" value="Close"></object> 
</head> 
<body bgcolor="#003063" text="#ffffff" id=all> <a href="#" onclick="closes.Click();">关闭窗口无提示</a> 
</body> 
</html> 

34,禁止鼠标右键查看网页源代码。 
<SCRIPT language=javascript> 
function click() 
{if (event.button==2) {alert(`你好,欢迎光临！`) }} 
document.onmousedown=click 
</SCRIPT> 
补充说明： 
鼠标完全被封锁,可以屏蔽鼠标右键和网页文字。 
< body oncontextmenu="return false" ondragstart="return false" onselectstart="return false"> 

35,通过按钮来查看网页源代码。 
<input type="BUTTON" value="查看源代码" onClick= `window.location = "view-source:" + window.location.href` name="BUTTON"> 

36,怎么用文字联结实现按钮的SUBMIT功能？ 
<a href="#" onclick="formname.submit()">OK</a> 
这段文字要放在form里。formname是这里要写在form中的name,<form name=form111>那么就应该是form111.submit() 

37,如何做一个空链接？ 
加# 


38,利用<IFRAME>来给网页中插入网页。 
　　经常我看到很多网页中又有一个网页，还以为是用了框架，其实不然，是用了<IFRAME>,它只适用于IE，NS可是不支持<IFRAME>的，但围着的字句只有在浏览器不支援 iframe 标记时才会显示，如<noframes>一样，可以放些提醒字句之类的话。 
你注意啊！下面请和我学习它的用法。 
分析代码：<iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"> </iframe>
　　src="iframe.html" 
　　用来显示<IFRAME>中的网页来源，必要加上相对或绝对路径。 
　　name="test" 
　　这是连结标记的 target 参数所需要的。 
　　align="MIDDLE" 
　　可选值为 left, right, top, middle, bottom，作用不大 。 
　　width="300" height="100" 
　　框窗的宽及长，以 pixels 为单位。 
　　marginwidth="1" marginheight="1" 
　　该插入的文件与框边所保留的空间。 
　　frameborder="1" 
　　使用 1 表示显示边框， 0 则不显示。（可以是 yes 或 no） 
　　scrolling="Yes" 
　　使用 Yes 表示容许卷动（内定）， No 则不容许卷动。 

39,请问＜tbody＞的用法？ 
tbody用法据说是加强对表格的控制能力的.例如： 
　<table><tbody>……..</tbody></table> 
　　tbody代码如果不是你用手写的话,只有在你用IE5打开一个网页的时候， 把它另存为 
一下，你的另存为的文件在表格中就会生成tbody代码。(即便你的表格根本就没有 
tbody代码，IE5另存为的时候也会给你生成)。 

40,Alt和Title都是提示性语言标签，请注意它们之间的区别。 
　　在我们浏览网页时，当鼠标停留在图片对象或文字链接上时，在鼠标的右下角有时会出现一个提示信息框。对目标进行一定的注释说明。在一些场合，它的作用是很重要的。 
alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的。 
用法如下： 
　　　<p Title="给链接文字提示">文字</p> 
　　　<a href="#" Title="给链接文字提示">文字</a> 
　　　<img src="图片.gif" alt="给图片提示"> 
补充知识：<TITLE><ALT>里面如何多行换行？在源代码里Enter回车。 
<a href="#" Title="个人简历 
姓名：张培 
网名：我是闪梦 
性别：男的，不是女的。 
爱好：网页制作，软件开发">个人简历</a> 
例如：个人简历 

41, 用javascript代码来实现闪烁按钮。 
<body> 
<form method="POST" action="--WEBBOT-SELF--"> 
<input type="button" name=SUB value="闪烁" id=flashit style="BORDER: 1px solid ;BACKGROUND-COLOR: #FFFFFF"> 
</form> 
<script> 
if (document.all&&document.all.flashit) 
{ 
var flashelement=document.all.flashit 
if (flashelement.length==null) 
flashelement[0]=document.all.flashit 
function changecolor(which) 
{ 
if (flashelement[which].style.color==`#800000`) 
flashelement[which].style.color="#0063A4" 
else 
flashelement[which].style.color="#800000" 
} 
if (flashelement.length==null) 
setInterval("changecolor(0)",1000) 
else 
for (i=0;i<flashelement.length;i++) 
{ 
var tempvariable=`setInterval("changecolor(`+i+`)",`+`1000)` 
eval(tempvariable) 
} 
} 
</script> 
</body> 

42,CSS给图片定义颜色边框。 
img { border: 1px solid red} 

43,在DW中如何使插入的FLASH透明。 
方法一：选中swf,打开原代码窗口，在</object>前输入:<param name="wmode" value="transparent"> 
方法二：在Flash中的Flie→Publist Settings→HTML→Window Mode选择transparent 

44,在DW编辑文本中，如何输入一个空格呢？ 
输入空格的问题，在DW似乎已成了一个老生常谈的问题。通过将输入法调整到全角模式就可以避免了。本以人工智能ABC为例.按Shift+Space切换到全角状态。 

45,为何我的DW中图形显示不正常。 
第一种：可能是因为你定义并正在使用一个site，而你的HTML文件或者图片不在这个site包含的区域之内，因此dreamweaver使用file协议来 
描述图象的绝对路径，可惜IE不支持src中使用file协议，所以图象就显示不出来了。 
第二种：可能是放图片的文件夹或图片名为中文，也显示不到网页中去。 

46,如何在本地机器上测试flash影片的loading？ 
我想这可能是很多人在问的题了，其实很简单，在Test时，选选View->Show Streaming就可以看到了。 

47,在网页中做出一根竖的线有几种办法. 
第一种方法：用一个像素图的办法！ 
如果你用Dreamwever的Edit→Preferences…→Layout View中的Spacer Image给你创建了一个缺省名为：spacer.gif的一个像素图文件 。 
代码中： 
<table border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td bgcolor="#FF0000" height="200" ><img src="spacer.gif" width="1" height="1"></td> 
</tr> 
</table> 
第二种方法：用表格填颜色的办法！把<td> </td>中的 删掉 . 
<table border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td bgcolor="#FF0000" height="200" width="1"></td> 
</tr> 
</table> 
第三种方法：用水平条。 
<hr color="red" width="1" size="100%"> 

48, 关于鼠标拖动,改变层大小。──看看微软的做法. 
<script> 
document.execCommand("2D-position",false,true); 
</script> 
<DIV contentEditable=true> 
<DIV style="WIDTH: 300px; POSITION: absolute; HEIGHT: 100px; BACKGROUND-COLOR: red">移动层</DIV> 
</DIV> 


暗夜精灵 2006-11-04 15:55 发表评论
]]>