


Web培训
400-996-5531
今天小编要跟大家分享的文章是关于Web前端工程师应该知道的经典代码。Web工程师作为一名程序员,每天坐在电脑前敲敲打打那些重复重复再重复的语句,习惯性的思维总是被套进去,有些时候很容易把简单的事情想复杂了!不过,我们反其道而行之,新手们只要是把下面的语句牢记,很多情况下都是会事半功倍的!下面就让我们一起来学习一些这些代码都是什么吧,希望能够对你有所帮助。
1. 将彻底屏蔽鼠标右键,无右键菜单
<body oncontextmenu=window.event.returnvalue=false>
也可以用于网页中Table框架中
<table border oncontextmenu=return(false)><td>no</table>
2.取消选取、防止复制
<body onselectstart=return false>
3.不准粘贴
<body onpaste=return false>
4.防止复制
<body oncopy=return false; oncut=return false;>
5.IE地址栏前换成自己的图标
<link rel=Shortcut Icon href=favicon.ico>
说明:关于favicon.ico文件的制作。你可以先在FW中做一个图片,属于你自己站点一个小图标。然后在ACD see将文件属性改为*.ico,然后将你做的*.ICO文件传到你的服务器目录中,然后就可以使用以上代码来实现,当别人登陆你的站点时,地址栏里使用的就是你自定义的图标了。
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;// --></script>
说明:frames.htm为你的网页,这也是保护页面的一种方法
9.防止被人frame
<SCRIPT LANGUAGE=javascript><!-- if (top.location != self.location)top.location=self.location; // --></SCRIPT>
10.网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript>
说明:<noscirpt>的用法很广,其中一条就是可以使JS广告失效。
11.查源文件
<input type=button value=查看网页源代码 onclick=window.location = 'view-source:'+ target=_blank>#/test.htm';>
12.COOKIE脚本记录,有很大的用处哦
function get_cookie(Name) { var search = Name + = var returnvalue = ; if (documents.cookie.length > 0) { offset = documents.cookie.indexOf(search) if (offset != -1) { // if cookie exists offset += search.length // set index of beginning of value end = documents.cookie.indexOf(;, offset); // set index of end of cookie value if (end == -1) end = documents.cookie.length; returnvalue=unescape(documents.cookie.substring(offset, end)) } } return returnvalue; } function loadpopup(){ if (get_cookie('popped')==''){ openpopup() documents.cookie=popped=yes } }
说明:以上是JS代码,请自己加起始符和结束符
13.内框架<IFRAME>使用
Iframe标记的使用格式是: <iframe src=URL width=x height=x scrolling=[OPTION] frameborder=x ame=main></iframe>
src:文件的路径,既可是HTML文件,也可以是文本、ASP等
width、height:内部框架区域的宽与高;
scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;如为Yes,则显示;
FrameBorder:区域边框的宽度,为了让“内部框架“与邻近的内容相融合,常设置为0。
name:框架的名字,用来进行识别。
比如:当你想用父框架控制内部框架时,可以使用: target=框架的名字来控制。
例子:
<iframe name=mm src=#;; width=100% height=100% marginwidth=0 marginheight= ... ot; frameborder=0 scrolling=no></iframe>
14.自动跳转
在源代码中的<head>…</head>加入如下代码:
<meta http-equiv=refreshcontent=3;URL=#; charset=gb2312>
说明:content=3 表示3秒刷新到URL
15.如何改变链接的鼠标形状
只需在链接上加上这一代码就行的了
或者跟上面的用CSS写也行
style=cursor:hand style=cursor:crosshair style=cursor:text style=cursor:wait style=cursor:move style=cursor:help style=cursor:e-resize style=cursor:n-resize style=cursor:nw-resize style=cursor:w-resize style=cursor:s-resize style=cursor:se-resize style=cursor:sw-resize
上面介绍的代码你只需要加到连接或是页面的style区里就可以实现鼠标多样化。
以上就是小编今天为大家分享的关于Web前端工程师应该知道的经典代码的文章,希望本篇文章能够对正在正在从事Web前端工作的小伙伴们有所帮助,想要了解更多Web前端知识的小伙伴记得关注达内Web培训官网哦,最后祝愿小伙伴们工作顺利~
本文转载自java雪豹软件工作室(ID:czh_668899)
*声明:内容与图片均来源于网络(部分内容有修改),版权归原作者所有,如来源信息有误或侵犯权益,请联系我们删除或授权事宜。
填写下面表单即可预约申请免费试听! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!
Copyright © 京ICP备08000853号-56 京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有