JavaScript小技巧

最新推荐文章于 2021-06-04 04:34:07 发布
最新推荐文章于 2021-06-04 04:34:07 发布
阅读量3.7k 收藏
点赞数 1
分类专栏： JavaScript 文章标签： javascript function 浏览器 cmd html scroll
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wpwxf/article/details/3510145
版权
 
◆加入收藏夹
说 明点击即可把你的网站添加到浏览器的收藏菜单下
代 码<span style="CURSOR: hand" onClick="window.external.addFavorite('http://www.helpor.net','网页特效集锦')" title="网页特效集锦">收藏本站</span>

◆设为首页
说 明点击即可把你的网站设置为浏览器的起始页
代 码<span οnclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.helpor.net');" style="CURSOR: hand">设为首页</span>

◆去掉超链接的下划线
说 明有时候看着那超链接的下划线挺讨厌的，把下面这段代码放到网页源代码<head>与</head>之间，下划线就无影无踪啦！
注意，网页的<body>标签里不能再有link之类的属性，否则本效果会失效！
代 码<style TYPE="text/css">
<!--
A:link{text-decoration:none}
A:visited{text-decoration:none}
A:hover {color: #ff00ff;text-decoration:underline}
-->
</style>

◆自动刷新网页
说 明自动刷新网页
在HTML的与之间加入下面这段代码，则在5分钟之后正在浏览的页面将会自动变为target.html这一页。代码中300为刷新的延迟时间，以秒为单位。targer.html为你想转向的目标页,若为本页则为自动刷新本页。
代 码<meta http-equiv="refresh" content="300; url=target.html">

◆刷新本页
说 明点击即可刷新本页。
代 码<a href="javascript:location.reload()" target="_self">刷新</a>

◆返回到上一页
说 明点击即可返回到上一页面。
代 码<a href="javascript:history.back(-1)">返回上一页</a>

◆跳出小窗口
说 明在打开有下面这段代码的页面时将会跳出一个468x60大小的小窗口。“window.html”为跳出的小窗口里所要显示的网页。toolbar、status、menubar、scrollbars、设置小窗口的工具栏、状态栏、菜单栏及滚动条的有无，resizable设置是否可让浏览者改变小窗口大小，width、height设置小窗口的宽度以及高度。(不过这样的小窗口一般是不受欢迎的哦！)
代 码<script language="JavaScript">
window.open("window.html","www_helpor_net","toolbar=no, status=no,menubar=no, scrollbars=no,resizable=no,width=468,height=60,left=200,top=50");
</script>

◆自动关闭窗口
说 明在网页源代码中加入下面的代码，则该窗口将在20秒钟之后自动关闭！这与跳出式小窗口配合使用是再好不过啦！代码中“i=20”表示关闭的延迟时间为20秒，可任意修改。
代 码<script language="javascript">
<!--
function clock(){i=i-1
document.title="本窗口将在"+i+"秒后自动关闭!";
if(i>0)setTimeout("clock();",1000);
else self.close();}
var i=20
clock();
//-->
</script>

◆给页面加保护1
说 明

如果你不想让辛辛苦苦做出来的东西被人轻易地Copy&Paste走的话，不妨在HTML里加入下面这段代码。当在网页里按下鼠标右键时，出现的不是想要的快捷菜单而是一个警告窗口。“/n/n”表示换行。

代 码<script language="JavaScript">
function helpor()
{
if (event.button==2)alert(' 仅供浏览!谢谢!/n/n若有问题请与我联系! ')
}
</script>

然后把<body> 改为 <body οnmοusedοwn="helpor_net()">

◆给页面加保护2
说 明

但是这种屏蔽方法的破解方法也是众所周知的。那就是连续单击鼠标左键和右键便又可以看到右键菜单了。加上〈body οncοntextmenu=self.event.returnValue=false〉后就可以啦！

代 码<script>
function click(){
if(event.button==2){
alert( '本网站欢迎您 !!');
}
}
document.οnmοusedοwn=click
〈/script〉
然后把<body> 改为〈body οncοntextmenu=self.event.returnValue=false〉

◆给页面加保护3
说 明

定义〈body〉。这次用的参数是：onselectstart。就是左键选定的参数。代码如下：

代 码

〈body onselectstart="return false"〉


　　这样，左键选定功能就给轻易屏蔽了。原理和上面的一样。现在，再用你的左键选择任意内容把，已经没有用了。自然也不能ctrl + C，ctrl +V了。那么，现在我们来把这两部分合并起来。彻底控制左右键！：

〈body οncοntextmenu=self.event.returnValue=false onselectstart="return false"〉



◆固定字号大小
说 明你是否有过这样的经历：一个布置得很好的网页，当浏览时把浏览器的字号设置成大或小时，漂亮的网页马上面目全非了。因为字的大小变了，版式自然乱了。现在好了，只要把下面这段代码加入到网页源文件的<head>与</head>之间就行了(对用<font>标签定义的文字无效)。
代 码<style type="text/css">
<!--
body {font-size:9pt}
td {font-size:9pt}
-->
</style>

◆状态栏里的动态欢迎语
说 明浏览器的状态栏里出现一个字接一个字往左跑的欢迎语！
代 码<script language="JavaScript">
<!--
function statusMessageObject(p,d) {
this.msg = MESSAGE
this.out = " "
this.pos = POSITION
this.delay = DELAY
this.i = 0
this.reset = clearMessage
}
function clearMessage() {
this.pos = POSITION
}
var POSITION = 100
var DELAY = 5
var MESSAGE = "欢迎光临! Welcome to WWW.HELPOR.NET "
var scroll = new statusMessageObject()
function scroller() {
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {
scroll.out += " "
}
if (scroll.pos >= 0)
scroll.out += scroll.msg
else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status = scroll.out
scroll.out = " "
scroll.pos--
if (scroll.pos < -(scroll.msg.length)) {
scroll.reset()
}
setTimeout ('scroller()',scroll.delay)
}
function snapIn(jumpSpaces,position) {
var msg = scroll.msg
var out = ""
for (var i=0; i<position; i++)
{out += msg.charAt(i)}
for (i=1;i<jumpSpaces;i++)
{out += " "}
out += msg.charAt(position)
window.status = out
if (jumpSpaces <= 1) {
position++
if (msg.charAt(position) == ' ')
{position++ }
jumpSpaces = 100-position
} else if (jumpSpaces > 3)
{jumpSpaces *= .75}
else
{jumpSpaces--}
if (position != msg.length) {
var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
} else {
window.status=""
jumpSpaces=0
position=0
cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
return false
}
return true
}
snapIn(100,0);
// -->
</script>

◆保护自己的页面不被别人放在框架中
说 明有些人真是懒得可以，把别人做好的网页往自己网页的框架(Frame)里一放，别人的成果就变成了自己的，而且看不出该网页的真实地址！为了防止你的成果被这些人所剽窃，你就可以在你网页的HTML里加入下面这段代码，这样，你的网页便总是在整个窗口中打开了。
代 码<Script LANGUAGE="JavaScript">
if(self!=top){top.location=self.location;}
</script>

◆网页中图片和文字相分离的方法
说 明首先打开有图片的网页，完全打开后，在地址栏输入
代 码

javascript:Ai7Mg6P='';for%20(i7M1bQz=0;i7M1bQz<document.images.length;i7M1bQz++){Ai7Mg6P+='<img%20src='+document.images[i7M1bQz].src+'><br>'};if(Ai7Mg6P!=''){document.write('<center>'+Ai7Mg6P+'</center>');void(document.close())}else{alert('No%20images!')}

　　回车 就可以罗列出页面中的所有图片

◆不显示网页中图片的代码
说 明首先打开有图片的网页，完全打开后，在地址栏输入
代 码

javascript:for(jK6bvW=0;jK6bvW<document.images.length;jK6bvW++){void(document.images[jK6bvW].style.visibility='hidden')}

　　回车 就不会显示页面中的图片

◆网页文字缩小0.5倍
说 明首先打开有图片的网页，完全打开后，在地址栏输入
代 码

javascript:void(s=document.body.style);void(z=s.getAttribute('zoom'));if(z){s.setAttribute('zoom',(parseInt(z)-50)+'%');}else s.setAttribute('zoom','50%')

　　回车 网页文字缩小0.5倍

◆网页文字放大1.5倍
说 明首先打开有图片的网页，完全打开后，在地址栏输入
代 码

javascript:void(s=document.body.style);void(z=s.getAttribute('zoom'));if(z){s.setAttribute('zoom',(parseInt(z)+50)+'%');}else s.setAttribute('zoom','150%')

　　回车 网页文字放大1.5倍

wpwxf
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
网页常用的特效（HTML样式）
02-29
网页常用的特效（HTML样式）与网页特效精灵不一样的效果
html特效代码
weixin_34327223的博客
12-29 244
HTML特效代码1。忽视右键 　 <body oncontextmenu="return false"> 　 或 　 <body style="overflow-y:hidden"> 2。加入背景音乐 　 IE:<bgsound src="*.mid" loop=infinite> 　 NS:<embed src="*.mid" au...
HTML特效代码大全
diangao3550的博客
08-10 577
1)贴图：&lt;img src=&quot;图片地址&quot;&gt;2)加入连接：&lt;a href=&quot;所要连接的相关地址&quot;&gt;写上你想写的字&lt;/a&gt;1)贴图：<img src="图片地址">2)加入连接：<a href="所要连接的相关地址"&g...
html特效代码大全
woHappy2012的专栏
09-02 1223
html特效代码大全 HTML特效代码1。忽视右键  　   　 或  　   2。加入背景音乐  　 IE:  　 NS:  　   　 *.mid你的背景音乐的midi格式文件  3。简单的window.open方法  　  　 onclick="javascript :window.open(文件路径/文件名,newwindow,  　 toolbar=no,scr
html基本常见特效设置
kinglyjn的博客
12-29 731
私有名称前缀为了兼容老版本的写法。例如：比较新版本的浏览器都支持直接写：border-radius。因为制定HTML和CSS标准的组织W3C动作是很慢的。 通常，有w3c组织成员提出一个新属性，比如说圆角border-radius，大家都觉得好，但w3c制定标准，要走很复杂的程序，审查等。而浏览器商市场推广时间紧，如果一个属性已经够成熟了，就会在浏览器中加入支持。为避免日后w3c公布标准时有所变更
javascript小技巧
03-25
**JavaScript小技巧** JavaScript是一种广泛应用于网页和网络应用的脚本语言，它的灵活性和强大的功能使其成为前端开发的基石。这篇博文将分享一些实用的JavaScript小技巧，帮助开发者提升编程效率和代码质量。 1....
JavaScript小技巧整理
10-23
JavaScript是一种广泛用于Web开发的脚本语言，它为网页添加交互性，处理用户输入，与服务器通信，并动态更新内容。在日常编程中，掌握一些实用的小技巧能显著...希望这些JavaScript小技巧能对你的开发工作带来帮助。
JavaScript小技巧 2.5 则
10-28
以下是从标题和描述中提取的三个JavaScript小技巧： 1. 使用`new Function`进行语法检查 当需要动态生成代码并确保其语法正确时，可以利用`new Function`构造函数来进行简单的语法检查。这种方式避免了编写复杂的...
html常用特效,网页常用特效整理：初级篇-网页设计,HTML/CSS
weixin_39636608的博客
06-04 544
笔者日积月累了许多精彩、实用的web特效的制作，这些特效几乎都是比较常用的网页特效。现在我就把这些经过整理和修改过的特效分三个级别分别介绍给大家。初级篇1．让文字不停地滚动＜marquee＞滚动文字＜/marquee＞2．记录并显示网页的最后修改时间3．关闭当前窗口＜a href=”/”onclick=”javascript:window.close();return false;”＞关闭窗口＜/...
各种html特效
11-15
很多有用的html特效，比如打字机，飘落，文字翻转，等
HTML脚本大全常用Javascript特效代
11-11
HTML脚本大全常用Javascript特效代。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
html-网页设计特效.doc
05-20
总结了130种HTML网页设计特效，如：打字机打彩色文字，鼠标带图像效果，页面象马赛克一样一块一块地慢慢打开，取得来访用的IP，随机背景音乐等。
经典的网页特效代码 特效代码 html特效代码
12-08
经典的网页特效代码 特效代码 html特效代码
JS代码收藏大全
weixin_30337251的博客
12-31 4143
JS代码收藏大全 从其他地方找来的，希望对有需要的人带来方便！ 1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table 2...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值