Web培训

热门话题:

Web前端培训 > Web职场 > 正文

Web前端工程师应该知道的经典代码

发布：Web前端培训
来源：Web职场
时间：2019-03-20 16:52

今天小编要跟大家分享的文章是关于Web前端工程师应该知道的经典代码。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>加入如下代码：

说明：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)

*声明：内容与图片均来源于网络(部分内容有修改)，版权归原作者所有，如来源信息有误或侵犯权益，请联系我们删除或授权事宜。