分享 Web 开发中实用简单的片段代码

发布于 2019-09-07 21:04:53 字数 1728 浏览 1407 评论 0

整理了一些比较实用的网站设计时常用的代码,代码很简单,只有一行,不需要理解多高深的 JS 或者 HTML 知识,按照提示把相应的代码加入到网页模板中即可得到你想要的效果。

进入网页时淡入淡出的效果

<meta http-equiv="Page-Exit" content="blendTrans(Duration=1.0)">

在头部head之间加入此代码,你会发现点击链接的时候,网页现实的是淡入淡出的效果。此代码含义如下:Page-Exit"(离开网 页)、"Site-Enter"(进入站点)、"Site-Exit"(离开站点)其中"Duration=1.0″可以设定每个周期的时间为多久,单位 是秒(现在设置的是每周期1秒)。

彻底屏蔽鼠标右键

此段代码加入 <body> 区域。

<body oncontextmenu="window.event.returnValue=false">

此段代码加入 <body> 区域将取消选取、防止复制。

<body onselectstart="return false">

此段代码加入区域可以禁止粘贴。

<body onpaste="return false">

脚本永不出错

如果您的浏览器提示您的网址JS脚本出错,但检测了一遍没发现错误,就可以使用一下代码:

<script>
function killErrors(){
    return true;
}
window.onerror = killErrors; 
</script>

在规定时间内跳转

下面的代码意思就是5秒后自动跳转到该页面下,适合做404网页。

<meta http-equiv="refresh" content="5;url=http://www.wenjiangs.com">

防止复制

此段代码加入<body>区域

<body oncopy="return false;" oncut="return false;">

防止被人 Iframe

有些网址导航站收录您的网址之后,不会直接跳转到你的网站,而是加载到他的网页中,这样不会给你的网站产生任何IP和PV。如果您不希望这样,那么请加入此段代码。

<script>
if(top.location != self.location)
    top.location=self.location;
</script>

页面自动刷新

把如下代码加入 <head> 区域中 其中20指每隔20秒刷新一次页面. 可用户增加文章点击率,这是作弊行为。

<meta http-equiv="refresh" content="20">

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84960 人气
更多

推荐作者

漫雪独思

文章 0 评论 0

垂暮老矣

文章 0 评论 0

鹊巢

文章 0 评论 0

萌酱

文章 0 评论 0

雨说

文章 0 评论 0

冰葑

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文