广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 软件专业 > 前端开发专业 > 正文

Web前端开发工程师必备经典代码是什么?_惠州前端培训学校

作者:hz_admin01发布时间:2022-04-25分类:前端开发专业浏览:719


导读: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>http://bbs.055.cn/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=http://bbs.055.cn;; width=100% height=100% marginwidth=0 marginheight= ... ot; frameborder=0 scrolling=no></iframe>

14.自动跳转

在源代码中的<head>…</head>加入如下代码:

<meta http-equiv=refreshcontent=3;URL=http://bbs.055.cn; 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区里就可以实现鼠标多样化。

想了解更多关于前端的资讯,可以来惠州北大青鸟新方舟校区了解一下。

标签:惠州前端培训学校惠州前端基础惠州前端培训北大青鸟IT计算机学校北大青鸟IT软件学校前端北大青鸟IT学校惠州北大青鸟北大青鸟


前端开发专业排行
标签列表
网站分类
文章归档
最近发表