相关文章
个人网站站长应了解的基础知识
网站建设你应该避免的HTML元素和属性
北京网站建设模板设计完全学习视频教材（第四集）
网页设计CSS中absolute与relative
北京网站设计用DW设计限时自动关闭的网页
北京网站制作第二十二节 层
北京网站设计Dreamweaver MX 2004从零开始(6)
网站设计FLASH MX 2004视频教程:翻书效果二(1)
网站设计Flash视频教程：2.9 绘制窗户
企通互联dreamweaver mx教程三十:测试和上传
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> 网站建设北京网站制作常用网页使用js技巧收集(200多个)
网站建设北京网站制作常用网页使用js技巧收集(200多个)
 |
精心整理了 站长常用的200个js代码。别说以后找不到哦。快收藏吧：）网页设计
网站设计
1.文本框焦点问题网站制作
onBlur:当失去输入焦点后产生该事件北京网站设计 网站设计
onFocus:当输入获得焦点后，产生该文件网站制作
Onchange:当文字值改变时，产生该事件网站设计
Onselect:当文字加亮后，产生该文件企通互联
<input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if 网站建设
(value=='') {value='郭强'}">点击时文字消失，失去焦点时文字再出现
企通互联
2.网页按钮的特殊颜色网站设计
<input type=button name="Submit1" value="郭强" size=10 class=s02
style="background-color:rgb(235,207,22)">
3.鼠标移入移出时颜色变化网站制作
<input type="submit" value="找吧" name="B1" onMouseOut=this.style.color="blue"
onMouseOver=this.style.color="red" class="button">
4.平面按钮www.qitongnet.com
<input type=submit value=订阅 style="border:1px solid :#666666; height:17px; width:25pt; font-size:9pt;
BACKGROUND-COLOR: #E8E8FF; color:#666666" name="submit">
5.按钮颜色变化企通互联
<input type=text name="nick" style="border:1px solid #666666; font-size:9pt; height:17px;
BACKGROUND-COLOR: #F4F4FF; color:#ff6600" size="15" maxlength="16">
6. 北京网站建设平面输入框网站建设
<input type="text" name="T1" size="20" style="border-style: solid; border-width: 1">
7.使窗口变成指定的大小企通互联
<script>企通互联
window.resizeTo(300,283);北京网页设计
</script>
8.使文字上下滚动北京网站设计
<marquee direction=up scrollamount=1 scrolldelay=100 onmouseover='this.stop()' onmouseout='this.start()'
height=60>企通互联
<!-- head_scrolltext -->www.qitongnet.com
<tr>北京网站建设
<td>网站建设
共和国网页设计
</table> <!-- end head_scrolltext -->北京网页设计
</marquee>
9. 北京网页设计状态栏显示该页状态企通互联 北京网站制作
<base onmouseover="window.status='网站建设 http://www.admin5.cn/' ;return true">
10.可以点击文字实现radio选项的选定网站制作
<br>北京网页设计
<input type="radio" name="regtype" value="A03" id="A03">企通互联
<label for="A03"> 情侣 : 一次注册两个帐户</label> <br>
11.可以在文字域的font写onclick事件
12.打印</a>打印网页www.qitongnet.com
<a href='javascript:window.print ()'>
13.线型输入框企通互联
<input type="text" name="key" size="12" value="关键字" onFocus=this.select() onMouseOver=this.focus()
class="line">
14.显示文档最后修改日期www.qitongnet.com
<script language=javascript>北京网站建设
function hi(str)www.qitongnet.com
{www.qitongnet.com
document.write(document.lastModified)
alert("hi"+str+"!")网页设计
}北京网站制作
</script>
15.可以在鼠标移到文字上时就触发事件企通互联
<html>网页设计
<head>网页设计
<script language="LiveScript">北京网页设计
<!-- Hiding网页设计
function hello() {北京网站设计
alert("哈罗!");北京网页设计
}www.qitongnet.com
</script>网站设计
</head>北京网页设计
<body>网站制作
<a href="" onMouseOver="hello()">link</a>网站设计
</body>网站设计
</html>
16.可以根据网页上的选项来确定页面颜色北京网站制作
<HTML>企通互联
<HEAD>北京网站制作
<TITLE>background.html</TITLE>网页设计
</HEAD>网页设计
<SCRIPT>企通互联
<!--
function bgChange(selObj) {企通互联
newColor = selObj.options[selObj.selectedIndex].text;企通互联
document.bgColor = newColor;北京网页设计
selObj.selectedIndex = -1;网页设计
}
//-->北京网站制作
</SCRIPT>企通互联
<BODY STYLE="font-family:Arial">企通互联
<B>Changing Background Colors</B>网站建设
<BR>www.qitongnet.com
<FORM>北京网站设计
<SELECT SIZE="8" onChange="bgChange(this);">企通互联
<OPTION>Red企通互联
<OPTION>Orange北京网站制作
<OPTION>Yellow网站制作
<OPTION>Green北京网站设计
<OPTION>Blue网页设计
<OPTION>Indigo网站建设
<OPTION>Violet北京网站建设
<OPTION>White北京网站设计
<OPTION>pink网页设计
</SELECT>企通互联
</FORM>企通互联
</BODY>北京网站设计
</HTML>
17.将按钮的特征改变网站设计
<style type="text/CSS">网站设计
<!--北京网页设计
.style1 { font-size: 12px; background: #CCCCFF; border-width: thin thin thin thin; border-color: #CCCCFF
#CCCCCC #CCCCCC #CCCCFF}网站建设
.style2 { font-size: 12px; font-weight: bold; background: #CCFFCC; border-width: thin medium medium thin;
border-color: #CCFF99 #999999 #999999 #CCFF99}网页设计
-->企通互联
</style> 企通互联
本例按钮的代码如下：北京网站制作
<input type="submit" name="Submit" value="提 交" onmouseover="this.className='style2'"
onmouseout="this.className='style1'" class="style1">
18.改变按钮的图片 网站建设.北京网站设计
<style type="text/css">网页设计
<!--北京网站制作
.style3 { font-size: 12px; background: url(image/buttonbg1.gif); border: 0px; width: 60px; height: 22px}网站建设
.style4 { font-size: 12px; font-weight: bold; background: url(image/buttonbg2.gif); border: 0px 0; width:
60px; height: 22px}网站设计
-->网站制作
</style> 企通互联
北京网站设计 本例的按钮代码如下： 网站设计
<input type="submit" name="Submit2" value="提 交" onmouseover="this.className='style4'"
onmouseout="this.className='style3'" class="style3">
19.打印页面网页设计
<div align="center"><a class=content href="javascript:doPrint();">打印本稿</a></div>
20.可以直接写html语言网站制作
document.write("");
21.改变下拉框的颜色网站制作
<select name="classid"
onChange="changelocation(document.myform.classid.options[document.myform.classid.selectedIndex].value)"
size="1" style="color:#008080;font-size: 9pt">
22.转至目标URL北京网页设计
window.location="http://www.admin5.net"
23.传递该object的form北京网站制作
UpdateSN('guoqiang99267',this.form) 北京网站建设
function UpdateSN(strValue,strForm)北京网页设计
{北京网站制作
strForm.SignInName.value = strValue;网页设计
return false;www.qitongnet.com
}
24.文字标签www.qitongnet.com
<label for="AltName4"><input name="AltName" type="RADIO" tabindex="931" id="AltName4"
>guoqiang99859</label>
25.layer2为组件的ID，可以控制组件是否可见北京网站设计
document.all.item('Layer2').style.display = "block";北京网页设计
document.all.item('Layer2').style.display = "none";//
26.将页面加入favorite中网页设计
<script language=javascript> 北京网站设计
<!-- 北京网站设计
function Addme(){ 北京网站制作
url = "http://your.site.address"; //你自己的主页地址 网页设计
title = "Your Site Name"; //你自己的主页名称 企通互联
window.external.AddFavorite(url,title); 企通互联
--> 企通互联
</script>//
27.过10秒自动关闭页面网站制作
< script language="JavaScript" >北京网页设计
function closeit() {企通互联
setTimeout("self.close()"，10000)网站制作
}网站建设
< /script >
28.可以比较字符的大小北京网站设计
char=post.charAt(i);北京网站制作
if(!('0'<=char&&char<='9'))
29.将字符转化为数字www.qitongnet.com
month = parseInt(char)
30.点击value非空的选项时转向指定连接网站设计
<select onchange='if(this.value!="")window.open(this.value)' class="textinput">北京网页设计
<option selected>主办单位</option>网站建设
<option>-----------------</option>网站设计
<option value="http://www.bjd.com.cn/">北京日报 网页设计</option>网站制作
<option value="http://www.ben.com.cn/"> www.qitongnet.com北京晚报</option>北京网站建设
</select>
31.改变背景颜色网站制作
<td width=* class=dp bgColor=#FAFBFC onmouseover="this.bgColor='#FFFFFF';"
onmouseout="this.bgColor='#FAFBFC';">
32.改变文字输入框的背景颜色网站设计
<style>北京网站设计
.input2 {background-image: url('../images/inputbg.gif'); font-size: 12px; background-color:
#D0DABB;border-top-width:1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}www.qitongnet.com
</style>www.qitongnet.com
<input name=content type=text size="47" class="input2" maxlength="50">
33.改变水平线的特征北京网站建设
<hr size="0" noshade color="#C0C0C0">
34.传递参数的方式网站设计
<a href="vote.asp?CurPage=8&id=3488">8</a>
35.页内跳转北京网站设计
<a href="#1">1</a>北京网站设计
<a href="#2">2</a>网站设计
<a href="#3">3</a>www.qitongnet.com
<a href="#4">4</a>北京网站制作
<a href="#5">5</a>北京网站设计
<a href="#6">6</a>www.qitongnet.com
<a href="#7">7</a>北京网站设计
<a name="1">dfdf</a>企通互联
<a name="2">dfdf</a>//
36.两个按键一起按下企通互联
if(event.ctrlKey && window.event.keyCode==13)//
37.刷新页面网站建设
javascript:this.location.reload()//
38.将网页的按钮使能www.qitongnet.com
<SCRIPT LANGUAGE="JavaScript">北京网站制作
function haha()www.qitongnet.com
{网页设计
for(var i=0;i<document.form1.elements.length;i++)北京网页设计
{网页设计
if(document.form1.elements[i].name.indexOf("bb")!=-1)北京网站设计
document.form1.elements[i].disabled=!document.form1.elements[i].disabled;www.qitongnet.com
}北京网页设计
}网站制作
</SCRIPT>网站设计
<BODY><form name=form1>网站设计
<INPUT TYPE="button" NAME="aa " value=cindy onclick=haha()>网站建设
<INPUT TYPE="button" NAME="bb " value=guoguo>北京网站建设
<INPUT TYPE="button" NAME="bb " value=guoguo>
39.文字移动www.qitongnet.com
<marquee s
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] 下一页
网站设计
上一篇：北京网页设计收集整理些有用的JAVASCRIPT小知识
下一篇：网页设计网页制作前台之Javascript鼠标事件