手机站
网通分站
电信主站
密 码:
用户名:
当前位置 : 主页>网页制作>Javascript>列表

网页制作技术之Javascript精华代码集

来源:互联网 作者:west263.com 时间:2008-02-23
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!

  解决办法:

  我们使用cookie来控制一下就可以了。首先,将如下代码加入主页面HTML的<HEAD>区:

<script>
function openwin(){
window.open(page.html,,width=200,height=200)
}
function get_cookie(Name) {
var search = Name =
var returnvalue = ;
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) {
offset = search.length
end = documents.cookie.indexOf(;, offset);
if (end == -1)
end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openwin()
documents.cookie=popped=yes
}
}
</script>

  然后,用<body onload=loadpopup()>(注意不是openwin而是loadpop啊!)替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的Pop-Only-Once!

  写到这里弹出窗口的制作和应用技巧基本上算是完成了。

  1.弹启一个全屏窗口

<html>
<body onload=window.open('http://www.webjx.com','example01','fullscreen');>;
<b>[url]www.webjx.com[/url]</b>
</body>
</html>

  2.弹启一个被F11化后的窗口

<html>
<body onload=window.open(''http://www.webjx.com','example02','channelmode');>;
<b>[url]www.webjx.com[/url]</b>
</body>
</html>

  3.弹启一个带有收藏链接工具栏的窗口

<html>
<body onload=window.open

('http://www.webjx.com','example03','width=400,height=300,directories');>
<b>[url]www.webjx.com[/url]</b>
</body>
</html>

  4.网页对话框

<html>
<SCRIPT LANGUAGE=javascript>
<!--
showModalDialog

('http://www.webjx.com','example04','dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>[url]www.webjx.com[/url]</b>
</body>
</html>

<html>
<SCRIPT LANGUAGE=javascript>
<!--
showModelessDialog

('http://www.webjx.com','example05','dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b> target=_blank>[url]http://www.webjx.com[/url]</b>
</body>
</html>

  showModalDialog()与showModelessDialog()的区别,在于showModalDialog()打开模式窗口,

showModelessDialog()打开无模式窗口。

dialogHeight: iHeight 设置对话框窗口的高度。
dialogWidth: iWidth 设置对话框窗口的宽度。   
dialogLeft: iXPos 设置对话框窗口相对于桌面左上角的left位置。
dialogTop: iYPos 设置对话框窗口相对于桌面左上角的top位置。
center: {yes no 1 0 } 指定是否将对话框在桌面上居中,默认值是“yes”。
help: {yes no 1 0 } 指定对话框窗口中是否显示上下文敏感的帮助图标。默认值是“yes”。   
resizable: {yes no 1 0 } 指定是否对话框窗口大小可变。默认值是“no”。
status: {yes no 1 0 } 指定对话框窗口是否显示状态栏。对于非模式对话框窗口,默认值是“yes”;

对于模式对话框窗口,默认值是 “no”。


网页经典代码
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广告失效。

文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!