网站前端常用代码大全_第1页
网站前端常用代码大全_第2页
网站前端常用代码大全_第3页
网站前端常用代码大全_第4页
网站前端常用代码大全_第5页
已阅读5页，还剩16页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1.结构性定义文件类型<HTML></HTML>（放在档案的开头与结尾）文件主题<TITLE></TITLE>（必须放在「文头」区块内）文头<HEAD></HEAD>（描述性资料，像是「主题」）文体<BODY></BODY>（文件本体）（由浏览器控制的显示风格）标题<H?></H?>（从1到6，有六层选择）标题的对齐<H?ALIGN=LEFT|CENTER|RIGHT></H?>区分<DIV></DIV>区分的对齐<DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>引文区块<BLOCKQUOTE></BLOCKQUOTE>（通常会内缩）强调<EM></EM>（通常会以斜体显示）特别强调<STRONG></STRONG>（通常会以加粗显示）引文<CITE></CITE>（通常会以斜体显示）码<CODE></CODE>（显示原始码之用）样本<SAMP></SAMP>键盘输入<KBD></KBD>变数<VAR></VAR>定义<DFN></DFN>（有些浏览器不提供）地址<ADDRESS></ADDRESS>大字<BIG></BIG>小字<SMALL></SMALL>与外观相关的标签（作者自订的表现方式）加粗<B></B>斜体<I></I>底线<U></U>（尚有些浏览器不提供）删除线<S></S>（尚有些浏览器不提供）下标<SUB></SUB>上标<SUP></SUP>打字机体<TT></TT>（用单空格字型显示）预定格式<PRE></PRE>（保留文件中空格的大小）预定格式的宽度<PREWIDTH=?></PRE>（以字元计算）向中看齐<CENTER></CENTER>（文字与图片都可以）闪耀<BLINK></BLINK>（有史以来最被嘲弄的标签）字体大小<FONTSIZE=?></FONT>（从1到7）改变字体大小<FONTSIZE=+|-?></FONT>基本字体大小<BASEFONTSIZE=?>（从1到7;内定为3）字体颜色<FONTCOLOR="#$$$$$$"></FONT>说明<!--***-->（浏览器不会显示）<!--修改滚动条--><styletype="text/css">body{scrollbar-face-color:#330033;scrollbar-shadow-color:#FFFFFF;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#FFFFFF;scrollbar-darkshadow-color:#FFFFFF;scrollbar-track-color:#330033;scrollbar-arrow-color:#FFFFFF;}</style><!--修改滚动条结束-->将上面的代码放在叶子代码的<head></head>之间,颜色可根据自己的需要修改。滚动条的代码意思如下：Scrollbar-Face-Color为滚动条表面颜色设定；Scrollbar-Track-Color为滚动条底板颜色设定；Scrollbar-Darkshadow为滚动条下边和右边边沿颜色设定；Scrollbar-Highlight-Color为滚动条上斜面和左斜面颜色设定；Scrollbar-Shadow-Color为滚动条下斜面和右斜面颜色设定；Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜色设定；Scrollbar-Arrow-Color为滚动条两端箭头颜色设定。<!>跑馬燈<marquee>...</marquee>普通捲動<marqueebehavior=slide>...</marquee>滑動<marqueebehavior=scroll>...</marquee>預設捲動<marqueebehavior=alternate>...</marquee>來回捲動<marqueedirection=down>...</marquee>向下捲動<marqueedirection=up>...</marquee>向上捲動<marqueedirection=right></marquee>向右捲動<marqueedirection=’left’></marquee>向左捲動<marqueeloop=2>...</marquee>捲動次數<marqueewidth=180>...</marquee>設定寬度<marqueeheight=30>...</marquee>設定高度<marqueebgcolor=FF0000>...</marquee>設定背景顏色<marqueescrollamount=30>...</marquee>設定捲動距離<marqueescrolldelay=300>...</marquee>設定捲動時間1)贴图：<imgsrc="图片地址">2)加入连接：<ahref="所要连接的相关地址">写上你想写的字</a>3)在新窗口打开连接：<ahref="相关地址"target="_blank">写上要写的字</a>4)移动字体(走马灯)：<marquee>写上你想写的字</marquee>5)字体加粗：<b>写上你想写的字</b>6)字体斜体：<i>写上你想写的字</i>7)字体下划线:<u>写上你想写的字</u>8)字体删除线:<s>写上你想写的字</s>9)字体加大:<big>写上你想写的字</big>10)字体控制大小：<h1>写上你想写的字</h1>(其中字体大小可从h1-h5,h1最大，h5最小)11)更改字体颜色：<fontcolor="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间12)消除连接的下划线：<ahref="相关地址"style="text-decoration:none">写上你想写的字</a>13)贴音乐：<embedsrc="音乐地址"width="宽度"height="高度"autostart=false>14)贴flash:<embedsrc="flash地址"width="宽度"height="高度">15)贴影视文件：<imgdynsrc="文件地址"width="宽度"height="高度"start=mouseover>16)换行：<br>17)段落：<p>段落</p>18)原始文字样式：<pre>正文</pre>19)换帖子背景：<bodybackground="背景图片地址">20)固定帖子背景不随滚动条滚动：<bodybackground="背景图片地址"bodybgproperties=fixed>21)定制帖子背景颜色：<bodybgcolor="#value">(value值见10)22)帖子背景音乐：<bgsound="背景音乐地址"loop=infinite>23)贴网页：<iframe.src="相关地址"width="宽度"height="高度"></iframe>1、店铺音乐代码:音乐网址"loop="-1">2、图片制作代码：＜imgsrc="这里放图片地址"＞3、公告图片代码：＜imgborder="0"src="这里放图片地址"/＞或＜imgsrc="这里放图片地址"/＞4、悬浮挂饰代码：＜imgsrc="这里放图片地址"style="left:20px;position:relative;top:0px"/＞5、商品分类代码:＜imgsrc="这里放图片地址"/＞6、字体大小代码:＜fontsize="2"＞这里放要处理的文字，可用3、4、5等设置大小＜/font＞7、字体颜色代码:＜fontcolor="red"＞这里放要处理的文字，可以换成blue,yellow等＜/font＞8、文字链接代码:＜ahref="网页地址"＞链接的文字，在分类栏里用时链接的网页地址必须缩短＜/a＞9、移动文字代码:＜marquee＞从右到左移动的文字＜/marquee＞10、背景音乐代码：＜bgsoundloop="-1"src="这里放音乐地址"＞＜/bgsound＞11、图片附加音乐代码：＜imgborder=0src="这里放图片地址"dynsrc="这里放音乐地址"＞12、浮动图片代码:＜imgalt="1"height="150"src="这里放图片地址"/＞公告图片的代码：公告挂饰：店铺分类代码:背景音乐代码：换行代码计数器代码颜色代码：1白色#FFFFFF2红色#FF00003绿色#00FF004蓝色#0000FF5牡丹红#FF00FF6青色#00FFFF7黄色#FFFF008黑色#0000009海蓝#70DB9310巧克力色#5C331711蓝紫色#9F5F9F12黄铜色#B5A64213亮金色#D9D91914棕色#A67D3D15青铜色#8C7853162号青铜色#A67D3D17士官服蓝色#5F9F9F18冷铜色#D9871919铜色#B8733320珊瑚红#FF7F0021紫蓝色#42426F22深棕#5C403323深绿#2F4F2F24深铜绿色#4A766E25深橄榄绿#4F4F2F26深兰花色#9932CD27深紫色#871F7828深石板蓝#6B238E29深铅灰色#2F4F4F30深棕褐色#97694F32深绿松石色#7093DB33暗木色#855E4234淡灰色#54545435土灰玫瑰红色#85636336长石色#D1927537火砖色#8E232338森林绿#238E2339金色#CD7F3240鲜黄色#DBDB7041灰色#C0C0C042铜绿色#527F7643青黄色#93DB7044猎人绿#215E2145印度红#4E2F2F46土黄色#9F9F5F47浅蓝色#C0D9D948浅灰色#A8A8A849浅钢蓝色#8F8FBD59浅木色#E9C2A660石灰绿色#32CD3261桔黄色#E4783362褐红色#8E236B63中海蓝色#32CD9964中蓝色#3232CD65中森林绿#6B8E2366中鲜黄色#EAEAAE67中兰花色#9370DB68中海绿色#426F4269中石板蓝色#7F00FF70中春绿色#7FFF0071中绿松石色#70DBDB72中紫红色#DB709373中木色#A6806474深藏青色#2F2F4F75海军蓝#23238E76霓虹篮#4D4DFF77霓虹粉红#FF6EC778新深藏青色#00009C79新棕褐色#EBC79E80暗金黄色#CFB53B81橙色#FF7F0082橙红色#FF240083淡紫色#DB70DB84浅绿色#8FBC8F85粉红色#BC8F8F86李子色#EAADEA87石英色#D9D9F388艳蓝色#5959AB89鲑鱼色#6F424290猩红色#BC171791海绿色#238E6892半甜巧克力色#6B422693赭色#8E6B2394银色#E6E8FA95天蓝#3299CC96石板蓝#007FFF97艳粉红色#FF1CAE98春绿色#00FF7F99钢蓝色#236B8E100亮天蓝色#38B0DE101棕褐色#DB9370102紫红色#D8BFD8103石板蓝色#ADEAEA104浓深棕色#5C4033105淡浅灰色#CDCDCD106紫罗兰色#4F2F4F107紫罗兰红色#CC3299108麦黄色#D8D8BF109黄绿色#99CC32简单常用HTML代码大全（修改网页必备）网页常用HTML代码大全超链接，用的最多：点击在当前页打开网站<ahref="/">这是我的网站</a>效果：这是我的网站点击弹出网站<ahref="/"target="_blank">这是我的网站</a><br>这个是向下一行，比如欢迎光临我的网站<br>希望开心演示效果就是：欢迎光临我的网站希望开心<p>向下一大行，比如欢迎光临我的网站<p>希望开心演示效果就是：欢迎光临我的网站希望开心<b>这是粗体字比如<b>我的网站</b>演示效果：我的网站我的网站这是字体的颜色BLUE是蓝，RED是红演示忽视右键<body>或<bodystyle="overflow-y:hidden">如何几秒后转到别的页面？<META.HTTP-EQUIV="Refresh"C>点击关闭窗口<ahref="javascript.:top.window.close();">点击关闭窗口</a>！请问如何去掉主页右面的滚动条？<bodyscroll="no"><bodystyle="overflow-y:hidden">如何做到让一个网页自动关闭.<html><head><OBJECTid=closestype="application/x-oleobject"classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><paramname="Command"value="Close"></object></head><body>这个窗口会在10秒过后自动关闭,而且不会出现提示.</body>如何在不刷新页面的情况下刷新css?<style>button{color:#000000;}</style><buttonnclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>点击按钮直接修改style标签里button选择符使按钮改为红色</button>请问如何让网页自动刷新？在head部记入<META.HTTP-EQUIV="Refresh"c>其中20为20秒后自动刷新，你可以更改为任意值。如何让页面自动刷新？方法一，用refreshHTML代码片段如下:<head><meta.http-equiv="refresh"c></head>5表示刷新时间[Ctrl+A全部选择提示:你可先修改部分代码，再按运行]方法二，使用setTimeout控制<imgsrc=/logo.gif><script>functionrl(){document.location.reload()}setTimeout(rl,2000)</script>如何让超链接没有下划线在源代码中的<HEAD>…</HEAD>之间输入如下代码：<style.type="text/css"><!--a{text-decoration:none}--></style>请问如何去掉IE的上下滚动条？<bodystyle=‘‘‘‘overflow:scroll;overflow-y:hidden‘‘‘‘></body>怎样才能把RealPlayer文件在网页做一个试听连接？<embedheight=25src=51js.rmtype=audio/x-pn-realaudio-pluginwidth=50autostart="false"c>如何用html实现浏览器上后退按钮的功能？<ahref="javascript.:history.go(-1)">点击后退</a>或者<script>history.back()</script>请问怎么在网页中改变鼠标的箭头形状？HTML代码片段如下:<body><ahref="#"style="cursor:auto;">auto</a><br><ahref="#"style="cursor:crosshair">crosshair</a><br><ahref="#"style="cursor:default">default</a><br><ahref="#"style="cursor:hand">hand</a><br><ahref="#"style="cursor:move">move</a><br><ahref="#"style="cursor:e-resize">e-resize</a><br><ahref="#"style="cursor:ne-resize">ne-resize</a><br><ahref="#"style="cursor:nw-resize">nw-resize</a><br><ahref="#"style="cursor:n-resize">n-resize</a><br><ahref="#"style="cursor:se-resize">se-resize</a><br><ahref="#"style="cursor:sw-resize">sw-resize</a><br><ahref="#"style="cursor:s-resize">s-resize</a><br><ahref="#"style="cursor:w-resize">w-resize</a><br><ahref="#"style="cursor:text">text</a><br><ahref="#"style="cursor:wait">wait</a><br><ahref="#"style="cursor:help">help</a><br></body>怎样不使用页面的缓存？即每一次打开页面时不是调用缓存中的东西<META.HTTP-EQUIV="ragma"C>页面打开时自动弹出一个窗口的代码怎么写？HTML代码片段如下:<html><head><title>UntitledDocument</title><meta.http-equiv="Content-Type"c><script.language="<Bstyle="color:black;background-color:#A0FFFF">javascript</B>"><!--functionMM_openBrWindow(theURL,winName,features){//v2.0window.open(theURL,winName,features);}//--></script></head><bodybgcolor="#FFFFFF"text="#000000"></body></html>如何让我的页面出现一个会讲话的小人？MerlinHTML代码片段如下:<HTML><HEAD><TITLE>默林</TITLE><META.http-equiv=Content-Typec></HEAD><BODY><p><OBJECTid=simsclassid=CLSID45FD31B-5C6E-11D1-9EC1-00C04FD7081F></OBJECT><SCRIPT>varMerlinID;varMerlinACS;sims.Connected=true;MerlinLoaded=LoadLocalAgent(MerlinID,MerlinACS);Merlin=sims.Characters.Character(MerlinID);Merlin.Show();Merlin.Play("Surprised");Merlin.Speak("大家好");Merlin.Play("GestureLeft");Merlin.Think("我是默林！");Merlin.Play("leased");Merlin.Think("可爱吗？");Merlin.Play("GestureDown");Merlin.Speak("哈哈！");Merlin.Hide();functionLoadLocalAgent(CharID,CharACS){LoadReq=sims.Characters.Load(CharID,CharACS);return(true);}</SCRIPT></p><p></p><p>看此效果必须装有office2000！！！</p></BODY></HTML>在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动HTML代码片段如下:<html><head><STYLE>body{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}</STYLE></head><bodybgproperties="fixed"></body></html>[Ctrl+A全部选择提示:你可先修改部分代码，再按运行]background-repeat:no-repeat;是讓背景圖不占滿整個頁面bodybgproperties="fixed"是拉動scroll時背景圖不動文本输入框什么属性能实现不可输入？HTML代码片段如下:<inputtype="text"name="textfield"disabled>或者<inputtype="text"name="textfield"readonly>如何禁止自己的页面在别人的框架里打开？把以下代码加至你的<head>区<script>if(window.top!=self){window.top.location=self.location}</script>如何实现首页全屏幕显示？HTML代码片段如下:<html><body><script.language="<Bstyle="color:black;background-color:#A0FFFF">javascript</B>">varcoolw=642varcoolh=400varcoolhuang=window.open("","coolhuang","width="+coolw+",height="+coolh+",fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0")window.close()</script></body></html>如何监听一个窗口被关闭了？HTML代码片段如下:<body>如何禁止Ctrl+N？HTML代码片段如下:<bodynkeydown=return(!(event.keyCode==78&&event.ctrlKey))>如何把页面加入用户的收藏夹？HTML代码片段如下:<ahref="<Bstyle="color:black;background-color:#A0FFFF">javascript</B>:window.external.AddFavorite(‘‘‘‘‘‘‘‘,‘‘‘‘无忧脚本‘‘‘‘)">收藏无忧脚本</a>如何在我的页面中加入背景音乐？IE:<bgsoundsrc="*.mid"loop=infinite>NS:<embedsrc="*.mid"autostart=truehidden=trueloop=true>*.mid你的背景音乐的midi格式文件关于页面转换效果<meta.http-equiv="enter"c>或<meta.http-equiv="exit"c>说明：Transition=23是随机效果，另可以选0-22任一数字固定某个效果如何设定打开页面的大小HTML代码片段如下:<body><!--(width，height)-->怎样双击滚屏，单击停止？HTML代码片段如下:<html><head><title>新網頁1</title></head><body><script.language"<Bstyle="color:black;background-color:#A0FFFF">javascript</B>">varcurrentpos,timer;functioninitialize(){timer=setInterval("scrollwindow()",10);}functionsc(){clearInterval(timer);}functionscrollwindow(){currentpos=document.body.scrollTop;window.scroll(0,++currentpos);if(currentpos!=document.body.scrollTop)sc();}document.onmousedown=scdocument.ondblclick=initialize</script><p>a</p><p>a</p><p>a</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>a</p></body></html>如何让body中的文字不被选中？HTML代码片段如下:<body>aaa</body>如何让弹出的窗口不能关闭？在新开的窗口中加入如下代码<bodynunload=open(location.href)></body>如何让浏览器在保存页面时保存失败？HTML代码片段如下:<NOSCRIPT><<Bstyle="color:black;background-color:#ffff66">IFRAME</B>SRC="*.html"></<Bstyle="color:black;background-color:#ffff66">IFRAME</B>></NOSCRIPT>表单中如何用图片按钮实现reset?<html><head><script>functionaaa(){document.forms[0].reset()}</script></head><body><form><textarearows="2"name="S1"cols="20"></textarea><inputtype="submit"values="提交"name="B1"><imagesrc="logo.gif"nclick=aaa()></form></body></html>进入网页时弹出的信息对话框<body>关闭窗口后弹出对话框<body>告别提示<bodynUnload=alert("再见，感谢你的访问！")>只要你肯干,没有什么不能成功的.1。忽视右键<bodyncontextmenu="returnfalse">或<bodystyle="overflow-y:hidden">2。加入背景音乐IE:<bgsoundsrc="*.mid"loop=infinite>NS:<embedsrc="*.mid"autostart=truehidden=trueloop=true></embed>*.mid你的背景音乐的midi格式文件3。简单的window.open方法<ahref="#"nclick="javascript:window.open(文件路径/文件名,newwindow,toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,width=400,height=300);">文字或图片</a>参数解释：<SCRIPT.LANGUAGE="javascript">js脚本开始；window.open弹出新窗口的命令；文件路径/文件名弹出窗口的文件名；newwindow弹出窗口的名字（不是文件名），非必须，可用空代替；width=400窗口宽度；height=300窗口高度；top=0窗口距离屏幕上方的象素值；left=0窗口距离屏幕左侧的象素值；toolbar=no是否显示工具栏，yes为显示；menubar，scrollbars表示菜单栏和滚动栏。resizable=no是否允许改变窗口大小，yes为允许；location=no是否显示地址栏，yes为允许；status=no是否显示状态栏内的信息（通常是文件已经打开），yes为允许；</SCRIPT>js脚本结束4。简单的页面加密<script.LANGUAGE="javascript"><!--functionloopy(){varsWord="";while(sWord!="login"){sWord=prompt("请输入你的登陆密码");}alert("登陆成功！");}loopy()//--></script>5。拉动页面时背景图不动<style>body{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}</style>6。让浏览器在保存页面时保存失败<NOSCRIPT><iframe.src="*.html"></iframe></NOSCRIPT>7。随机替换图片<script>document.write(<imgsrc="img/+parseInt(Math.random()*(5))+.gif"height="40"width="50"></script>图片文件名为0.gif1.gif2.gif3.gif4.gif8。窗口定时关闭先将如下代码网页文件的区：<script.language="javascript">functioncloseit(){setTimeout("self.close()",10000)//毫秒}</script>然后再在<body>标内加入如：<bodynload="closeit()">9。网页自动关闭<html><head><objectid=closestype="application/x-oleobject"classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><paramname="Command"value="Close"></object></head><bodynload="window.setTimeout(closes.Click(),10000)">这个窗口会在10秒过后自动关闭,而且不会出现提示.</body></html>10。网页自动刷新在head部记入<META.HTTP-EQUIV="Refresh"content="20">其中20为20秒后自动刷新，你可以更改为任意值。11。网页自动转页<META.HTTP-EQUIV="Refresh"CONTENT="时间(秒);URL=地址">12。保持layer在最前面，而不被Iframe、Object所覆盖在Layer中再插Iframe.或Object设z-Index值<divz-Index:2><objectxxx></object>＃前面<divz-Index:1><objectxxx></object>＃后面<divid="Layer2"style="position:absolute;top:40;width:400px;height:95px;z-index:2">height=100%width=100%><iframe.width=0height=0></iframe></div><divid="Layer1"style="position:absolute;top:50;width:200px;height:115px;z-index:1"><iframe.height=100%width=100%></iframe></div>13。返回上一页<ahref=javascript:history.back(1)>『返回上一页』</a>14。关闭窗口<ahref=javascript:self.close()>『关闭窗口』</a>15。关于iframe的透明背景<IFRAME.ID="iFrame1"SRC="iframe.htm"allowTransparency="true"style="background-color:green"></IFRAME>16.ncontextmenu="window.event.returnValue=false"将彻底屏蔽鼠标右键<tableborderncontextmenu=return(false)><td>no</table>可用于Table17.<bodynselectstart="returnfalse">取消选取、防止复制18.onpaste="returnfalse"不准粘贴19.oncopy="returnfalse;"ncut="returnfalse;"防止复制20.<linkrel="ShortcutIcon"href="favicon.ico">IE地址栏前换成自己的图标21.<linkrel="Bookmark"href="favicon.ico">可以在收藏夹中显示出你的图标22.<inputstyle="ime-mode:disabled">关闭输入法23.永远都会带着框架<script.language="JavaScript"><!--if(window==top)top.location.href="frames.htm";//frames.htm为框架网页//--></script>24.防止被人frame.<SCRIPT.LANGUAGE=JAVASCRIPT><!--if(top.location!=self.location)top.location=self.location;//--></SCRIPT>25.网页将不能被另存为<noscript><iframe.src=*.html></iframe></noscript>26.查看网页源代码<inputtype=buttonvalue=查看网页源代码onclick="window.location="view-source:"+""">27.删除时确认<ahref="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>28.屏蔽功能键Shift,Alt,Ctrl<script>functionlook(){if(event.shiftKey)alert("禁止按Shift键!");//可以换成ALTCTRL}document.onkeydown=look;</script>29.网页不会被缓存<META.HTTP-EQUIV="pragma"CONTENT="no-cache"><META.HTTP-EQUIV="Cache-Control"CONTENT="no-cache,must-revalidate"><META.HTTP-EQUIV="expires"CONTENT="Wed,26Feb199708:21:57GMT">或者<META.HTTP-EQUIV="expires"CONTENT="0">30.怎样让表单没有凹凸感？<inputtype=textstyle="border:1solid#000000">或<inputtype=textstyle="border-left:none;border-right:none;border-top:none;border-bottom:1solid#000000"></textarea>31.不要滚动条?让竖条没有:<bodystyle="overflow:scroll;overflow-y:hidden"></body>让横条没有:<bodystyle="overflow:scroll;overflow-x:hidden"></body>两个都去掉？更简单了<bodyscroll="no"></body>32.怎样去掉图片链接点击后，图片周围的虚线？<ahref="#"nFocus="this.blur()"><imgsrc="logo.jpg"border=0></a>33.电子邮件处理提交表单<="form1"method="post"action="mailt****@***.com"enctype="text/plain"><inputtype=submit></form>34.在打开的子窗口刷新父窗口的代码里如何写？window.opener.location.reload()35.如何设定打开页面的大小<bodynload="top.resizeTo(300,200);">打开页面的位置<bodynload="top.moveBy(300,200);">36.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动<STYLE>body{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center;background-attachment:fixed}</STYLE>37.检查一段字符串是否全由数字组成<script.language="Javascript"><!--functioncheckNum(str){returnstr.match(//D/)==null}alert(checkNum("1232142141"))alert(checkNum("123214214a1"))//--></script>38.获得一个窗口的大小document.body.clientWidth;document.body.clientHeight39.怎么判断是否是字符if(/[^/x00-/xff]/g.test(s))alert("含有汉字");elsealert("全是字符");40.TEXTAREA自适应文字行数的多少<textarearows=1name=s1cols=27npropertychange="this.style.posHeight=this.scrollHeight"></textarea>41.日期减去天数等于第二个日期<script.language=Javascript>functioncc(dd,dadd){//可以加上错误处理vara=newDate(dd)a=a.valueOf()a=a-dadd*24*60*60*1000a=newDate(a)alert(a.getFullYear()+"年"+(a.getMonth()+1)+"月"+a.getDate()+"日")}cc("12/23/2002",2)</script>42.选择了哪一个Radio<HTML><script.language="vbscript">functioncheckme()foreachobinradio1ifob.checkedthenwindow.alertob.valuenextendfunction</script><BODY><INPUTname="radio1"type="radio"value="style"checked>Style.<INPUTname="radio1"type="radio"value="barcode">Barcode<INPUTtype="button"value="check"nclick="checkme()"></BODY></HTML>43.脚本永不出错<SCRIPT.LANGUAGE="JavaScript"><!--HidefunctionkillErrors(){returntrue;}window.onerror=killErrors;//--></SCRIPT>44.ENTER键可以让光标移到下一个输入框<inputnkeydown="if(event.keyCode==13)event.keyCode=9">45.检测某个网站的链接速度：把如下代码加入<body>区域中:<script.language=Javascript>tim=1setInterval("tim++",100)b=1varautourl=newArray()autourl[1]=""autourl[2]=""autourl[3]=""autourl[4]=""autourl[5]=""functionbutt(){document.write("<=autof>")for(vari=1;i<autourl.length;i++)document.write("<inputtype=textname=txt"+i+"size=10value=测试中……>=》<inputtype=textname=url"+i+"size=40>=》<inputtype=buttonvalue=GOonclick=window.open(this.form.url"+i+".value)><br>")document.write("<inputtype=submitvalue=刷新></form>")}butt()functionauto(url){document.forms[0]["url"+b].value=urlif(tim>200){document.forms[0]["txt"+b].value="链接超时"}else{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}b++}functionrun(){for(vari=1;i<autourl.length;i++)document.write("<imgsrc=http://"+autourl+"/"+Math.random()+"width=1height=1nerror=auto("http://"+autourl+"")>")}run()</script>46.各种样式的光标auto：标准光标default：标准箭头hand：手形光标wait：等待光标text：I形光标vertical-text：水平I形光标no-drop：不可拖动光标not-allowed：无效光标help：?帮助光标all-scroll：三角方向标move：移动标crosshair：十字标e-resizen-resizenw-resizew-resizes-resizese-resizesw-resize47、禁止鼠标右键，把Demo的图片全都设为表格的背景，表格的大小与图片的大小一样。这样做看起来是一样的，主要是防止鼠标经过图片时会出现另存的按钮。禁止鼠标右键的代码很简单：<script.LANGUAGE="JavaScript">functionclick(){if(event.button==2){alert('呵呵，不好意思，你甭想使用右键下载图片：）');}}document.onmousedown=click</script>1.怎样定义网页语言(字符集)?在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代码状态下找到:$#@60;metahttp－equiv="ContentType"content="text/html;charset=gb2312"$#@62;把charset=gb2312改换成其它语言代码即可,比如英文:charset=en.2.怎样防止别人把你的网页放到框架里?因为框架（frame）的缘故,有许多人把别人的网页放置到自己的框架里,使之成为自己的一页。如果你要防止别人这样做,可以加入下列JavaScript代码即可,它会自动监测,然后跳出别人的框架。$#@60;scriptlanguage="javascript"$#@62;？?if(self!=top){top.location=self.location;}$#@60;/script$#@62;3.怎样设置字体?在制作网页过程中,大家都喜欢使用漂亮的字体。但是,如果访客浏览器没有安装同样的字体，看到你的网页会是很普通的字体。如何防止这种情况出现呢?大家知道字体设置的标签是Font,而它有个属性是Face,该属性是定义字体的,你可以这样设置:,访客的浏览器就会按照Face定义的字体顺序设置已安装的字体。目前动态主页有种技术,可以把字体信息用向量格式存储,然后利用访客本身机器含有的公共信息库把字体快速的组装起来,这样,就不用担心访客是否安装有某种字体了。4.怎样在网页中加入注释?在共同开发网页中,加入注释是防止分工被搞混淆或者注释某段代码特殊的含加入注释的格式是:$#@60;!－－MicrosoftFrontPage3.0－－$#@62;。5.怎样测试浏览器并自动装入所需要的网页?目前微软和网景的浏览器并不能完全兼容所有网页,有的在某种浏览器里非常漂亮,而用其它浏览器查看时却一团糟。如果你需要测试浏览器,可以加入以下JavaScript代码并保存单独一个网页:$#@60;scriptLANGUAGE="JavaScript"$#@62;functionTestBrowser(){ie=((navigator.appName=="MicrosoftInternetExplorer")＆＆(parseInt(navigator.appVersion)$#@62;=3))ns=((navigator.appName=="Netscape")＆＆(parseInt(navigator.appVersion)$#@62;=3))if(ns){setTimeout(location.href="nn4.htm",10);}else{setTimeout(location.href="ie4.htm",10);}}$#@60;/script$#@62;实例请参考:/～tiantao/test.htm6.怎样让链接没有下划线?只要在加入以下代码,所有链接就都没有下划线了:$#@60;styletype="text/css"$#@62;$#@60;!－－A{text－transform:none;text－decoration:none;}a:hover{text－decoration:underline}－－$#@62;$#@60;/style$#@62;7.怎样在网页中加入E-mail链接并显示预定的主题?AHREF=mailto:lovett@163.net?subject=test8.怎样让背景图像不滚动?InternetExplorer浏览器支持一个Body属性Bgproperties,它可以让背景不滚动。$#@60;BodyBackground="c98.gif"Bgproperties="fixed"$#@62;9.怎样评定网页的级别?在IE4.0浏览器中,有一项功能是过滤网站的,一些受限制的网站被过滤掉,而该网站必须被RSAC(美国娱乐委员会)评定了级别IE4.0才能过滤,如果你要评级可以在网页中加入以下代码:$#@60;metahttp－equiv="PICS－Label"????content=(PICS－1.1"/ratingsv01.html"？?lgentruecomment"RSACiNorthAmericaServer"？?for"http://youHostname"？?on"1998.11.26GMT08:15?0500"？?r(n0s0v0l0))$#@62;10.怎样定义本网页的关键

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论