网页常用代码 比较基础的东西

◆加入收藏夹
说 明 点击即可把你的网站添加到浏览器的收藏菜单下
代 码 <span style="CURSOR: hand" onClick="window.external.addFavorite(‘http://www.jb51.net‘,‘脚本之家‘)" title="脚本之家">收藏本站</span>
◆设为首页
说 明 点击即可把你的网站设置为浏览器的起始页
代 码 <span onclick="var strHref=window.location.href;this.style.behavior=‘url(#default#homepage)‘;
this.setHomePage(‘http://www.jb51.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>
◆给页面加保护
说 明 如果你不想让辛辛苦苦做出来的东西被人轻易地Copy&Paste走的话,不妨在HTML里加入下面这段代码。当在网页里按下鼠标右键时,出现的不是想要的快捷菜单而是一个警告窗口。“\n\n”表示换行。
代 码 <script language="JavaScript">
function
helpor()
{
if (event.button==2)alert(‘ 仅供浏览!谢谢!\n\n若有问题请与我联系!
‘)
}
</script>

然后把<body> 改为 <body
onmousedown="helpor_net()">

◆固定字号大小
说 明 你是否有过这样的经历:一个布置得很好的网页,当浏览时把浏览器的字号设置成大或小时,漂亮的网页马上面目全非了。因为字的大小变了,版式自然乱了。现在好了,只要把下面这段代码加入到网页源文件的<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.jb51.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>
时间: 2024-08-09 09:37:25

网页常用代码 比较基础的东西的相关文章

网页常用代码(转)

网页制作常用代码(文字颜色/字体/插入图片/flash等) 一:颜色代码如果你想使用某种颜色,取得它的颜色值即可.比如,您想改变某些文字的颜色,您可以使用下面的代码:<font color=#ffc060 size=2>改变#符号后的代码即可改变颜色</font> 000000 000020 000040 000060 000080 0000a0 0000c0 0000ff 008000 008020 008040 008060 008080 0080a0 0080c0 0080f

DIV+CSS网页布局常用的一些基础知识整理

CSS命名规范一.文件命名规范 全局样式:global.css:框架布局:layout.css:字体样式:font.css:链接样式:link.css:打印样式:print.css: 二.常用类/ID命名规范页 眉:header内 容:content容 器:container页 脚:footer 版 权:copyright 导 航:menu主导航:mainMenu子导航:subMenu 标 志:logo标 语:banner标 题:title侧边栏:sidebar 图 标:Icon注 释:note

73种网页常用Javascript代码

73种网页常用Javascript代码 转载自:前端丶灵魂工程师 1.后退 前进  <input type="button" value="后退" onClick="history.go(-1)">  <input type="button" value="前进" onClick="history.go( 1 );return true;"> 2.返回  <

网页常用的防复制代码

最牛的防复制代码1:(将此代码粘贴到body中可以有效防选中防复制和防鼠标右键) <script type="text/javascript">document.body.oncontextmenu=document.body.ondragstart= document.body.onselectstart=document.body.onbeforecopy=function(){return false;}; document.body.onselect=documen

js常用代码大全

Javascript常用代码大全 //打开模式对话框 <body><script language=javascript> function doSelectUser(txtId){ strFeatures="dialogWidth=500px;dialogHeight=360px;center=yes;middle=yes ;help=no;status=no;scroll=no"; var url,strReturn; url="selUser.a

Font Awesome 4.0.3 提供了369个网页常用的矢量字体图标

Font Awesome 为您提供了一套可缩放的字体矢量图标,可以快速自定义图标的大小,颜色,阴影,这些都可以通过CSS来实现,无需任何的JS代码哦. 一,主要特点如下: 1,一个字体,369个图标 2,无需要使用JavaScript 3,通过CSS自定义图标的大小,颜色,阴影 4,用户界面友好 5,支持 Internet Explorer 7 浏览器 6,能够在 Retina 屏幕完美呈现 7,和其它图标字体不同,兼容屏幕阅读器 8,可扩展性强 9,文档完善 10,免费 二,图标类型下面简单罗

iOS常用代码

[IOS]iphone开发之常用代码:不断更新 1,获取翻转事件,并开启翻转: 只要在viewcontroller的类中加入 -(BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation{ //翻转后要执行的代码 return YES; } 2,-(void)viewWillAppear:(BOOL)animated,- (void)viewDidLoad 的区别. vie

css常用代码大全以及css兼容(转载)

css常见的快捷开发代码汇总(长期更新),包括CSS3代码,有一些css效果很顽固,经常会一时找不出解决方案,网络上也有很多的工具和高手提供了具体的浏览器兼容代码,这个页面我今后会经常整理,希望能够帮到重构和正在找这些效果的代码,如果你有更好的实现方案,不妨告诉我,或者你有解决不了的,也不妨告诉我.你想找浏览器兼容写法吗?点CSS浏览器兼容与hack代码(经验汇总,保持最新) Css背景颜色透明(#ddd) 请参考在线版制作 .liter{ filter:progid:DXImageTransf

PHP常用代码大全(新手入门必备)

发布:dxy 字体:[增加 减小] 类型:转载 PHP常用代码大全(新手入门必备),都是一些开发中常用的基础.需要的朋友可以参考下. - - 1.连接MYSQL数据库代码 <?php $connec=mysql_connect("localhost","root","root") or die("不能连接数据库服务器: ".mysql_error()); mysql_select_db("liuyanben&q