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

今天小编要跟大家分享的文章是关于Web前端工程师应该知道的经典代码。Web工程师作为一名程序员，每天坐在电脑前敲敲打打那些重复重复再重复的语句，习惯性的思维总是被套进去，有些时候很容易把简单的事情想复杂了!不过，我们反其道而行之，新手们只要是把下面的语句牢记，很多情况下都是会事半功倍的!下面就让我们一起来学习一些这些代码都是什么吧，希望能够对你有所帮助。

1.将彻底屏蔽鼠标右键，无右键菜单

也可以用于网页中Table框架中

no

2.取消选取、防止复制

3.不准粘贴

4.防止复制

5.IE地址栏前换成自己的图标

说明：关于favicon.ico文件的制作。你可以先在FW中做一个图片，属于你自己站点一个小图标。然后在ACD

see将文件属性改为*.ico，然后将你做的*.ICO文件传到你的服务器目录中，然后就可以使用以上代码来实现，当别人登陆你的站点时，地址栏里使用的就是你自定义的图标了。

6.可以在收藏夹中显示出你的图标

说明：制作方法和上面的一样。只是显示的方式不同，这个是在别人收藏你的网页地址时显示的个性图标。

7.关闭输入法

说明：这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。

8.永远都会带着框架

说明：frames.htm为你的网页，这也是保护页面的一种方法

9.防止被人frame

10.网页将不能被另存为

说明：的用法很广，其中一条就是可以使JS广告失效。

11.查源文件

onclick=window.location='view-source:'+target=_blank>#/test.htm'>

12.COOKIE脚本记录，有很大的用处哦

functionget_cookie(Name){

varsearch=Name+=

varreturnvalue=

if(documents.cookie.length>0){

offset=documents.cookie.indexOf(search)

if(offset!=-1){//ifcookieexists

offset+=search.length

//setindexofbeginningofvalue

end=documents.cookie.indexOf(,offset)

//setindexofendofcookievalue

if(end==-1)

end=documents.cookie.length

returnvalue=unescape(documents.cookie.substring(offset,end))

}

}

returnreturnvalue

}

functionloadpopup(){

if(get_cookie('popped')==''){

openpopup()

documents.cookie=popped=yes

}

}

说明：以上是JS代码，请自己加起始符和结束符

13.内框架使用

Iframe标记的使用格式是:

ame=main>

src：文件的路径，既可是HTML文件，也可以是文本、ASP等

width、height：内部框架区域的宽与高

scrolling：当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条如为Auto：则自动出现滚动条如为Yes，则显示

FrameBorder：区域边框的宽度，为了让“内部框架“与邻近的内容相融合，常设置为0。

name：框架的名字，用来进行识别。

比如：当你想用父框架控制内部框架时，可以使用：target=框架的名字来控制。

例子：

14.自动跳转

在源代码中的加入如下代码：

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)

*声明：内容与图片均来源于网络(部分内容有修改)，版权归原作者所有，如来源信息有误或侵犯权益，请联系我们删除或授权事宜。 回答于 2022-11-04 详情 该链接由问题回答方推荐 抢首赞 已踩 0 查看全部1个回答 — 为你推荐更多精彩内容 — 正在加载 加载失败 点击重新加载

微信

微博

QQ

QQ空间

答案纠错

举报

取消 赞赏答主 5 10 50 100 200

已赞赏0财富值

合计：0 财富值

登录后赞赏 选择举报类型 侵犯版权 色情低俗 涉嫌违法犯罪 时政信息不实 垃圾广告 低质灌水 工作人员会在48小时内处理,处理结果请关注系统通知,感谢您对百度知道的支持。 确定 void function(a,b,c,d,e,f){function g(b){a.attachEvent?a.attachEvent("onload",b,!1):a.addEventListener&&a.addEventListener("load",b)}function h(a,c,d){d=d||15var e=new Datee.setTime((new Date).getTime()+1e3*d),b.cookie=a+"="+escape(c)+"path=/expires="+e.toGMTString()}function i(a){var c=b.cookie.match(new RegExp("(^| )"+a+"=([^]*)(|$)"))return null!=c?unescape(c[2]):null}function j(){var a=i("PMS_JT")if(a){h("PMS_JT","",-1)try{a=a.match(/{["']s["']:(\d+),["']r["']:["']([\s\S]+)["']}/),a=a&&a[1]&&a[2]?{s:parseInt(a[1]),r:a[2]}:{}}catch(c){a={}}a.r&&b.referrer.replace(/#.*/,"")!=a.r||alog("speed.set","wt",a.s)}}if(a.alogObjectConfig){var k=a.alogObjectConfig.sample,l=a.alogObjectConfig.randd="https:"===a.location.protocol?"https://fex.bdstatic.com"+d:"http://fex.bdstatic.com"+d,k&&l&&l>k||(g(function(){alog("speed.set","lt",+new Date),e=b.createElement(c),e.async=!0,e.src=d+"?v="+~(new Date/864e5)+~(new Date/864e5),f=b.getElementsByTagName(c)[0],f.parentNode.insertBefore(e,f)}),j())}}(window,document,"script","/hunter/alog/dp.mobile.min.js") window.tt = 1676265862

编写简单的邮件炸弹：

利用Perl程序可以非常快速的编写邮件炸弹程序，这种方法比起直接使用别人编写的邮件炸弹要好的多，至少学习者能够真正“体会一下”什么才是黑客。有关这个炸弹的编译环境是具备一台有CGI权限的网络服务器，同时这台服务器上提供了sendmail命令（当然这一切可以在自己的系统上进行设置），并且学习着还要初步了解有关perl语言的知识。

程序的原理非常简单，就是利用sendmail命令向目标重复发送相同内容的电子邮件，为了控制发送邮件的数量，我们声明一个计数器变量，同时将程序用while()函数做循环，下面我们看一下程序的源代码：

#!/bin/perl

$file='/user/lib/sendmail'

$target='someone@target.com'

$count=0

while($count<1000){

open(MAIL,"/$file$target") || die" Can n ot open $file!\n

print MAIL"哈哈，你被攻击啦"

close(MAIL)

sleep 3

$count++

}

看明白了吗？程序就上面这点儿，是不是非常简单？因为Perl属于解释型语言，因而不需要进行编译，直接将源代码上传到服务器上，然后设置成为755或者775型，就可以通过浏览器调用而直接使用了。程序中的$file和$target变量分别定义了sendmail命令的路径和目标的地址，在使用此程序以前要根据个人需要进行修改，而$count变量是我们要发送的炸弹邮件数量，因为发送邮件工作是服务器完成的，因而速度非常快，这个数量可以设置的大一些，我们并不会感觉到程序的缓慢。

使用Outlook制作电子邮件炸弹：

相对上一种方法，这个方法更加直接，它不需要专用工具而只需要利用Outlook电子邮件客户端软件就可以轻松完成。首先介绍一下邮件炸弹的基本原理：电子邮件炸弹一般来说分成两种。一种是通过发送巨大的垃圾邮件使对方电子邮件服务器空间溢出，从而造成无法接受电子邮件；另一种方法是无休止的发送相同内容的但很小的邮件使对方接收不过来而放弃自己的电子邮箱。因此我们只要实现其中的一种即可称之为“邮件炸弹”。

使用Outlook制作电子邮件炸弹就是利用了上面说的第二种方法，不断的向指定目标发送电子邮件，首先我们要做一些准备工作：申请一个免费的电子信箱，并把这个信箱账号设置到Outlook中，然后选择Outlook工具菜单的“工具”-〉“账号”，选择其中刚刚申请的那个电子邮件账号，然后点击窗口右面的“属性”按钮。在出现的属性窗口中继续点击窗口上面的“高级”标签，更改“发送”设置中的“邮件拆分大小”属性值，这个值尽量更改的小一些（推荐更改成16），确认退出。

这样以后只要使用这个经过设置的电子信箱发电子邮件，只要邮件的大小超过了规定的字节数，Outlook就会自动将电子邮件进行分割，例如一封1600KB的信件，将它拆分成16KB一封的电子邮件发送给对方，对方的信箱中就会出现100多封电子邮件，邮件炸弹的功能就实现了！

---