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

2008-02-23 08:08:06来源：互联网阅读 ()

　　解决办法：

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

　　然后，用<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>

说明：这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。