繁體中文当前位置: 首页 > 图文教程 > Java技术 > Java Web开发 > Java Web开发：小编浅谈JavaScript小技巧（8）
- Java Web开发
- Java Web开发：UML的概念和模型
- Java Web开发：Spring中的Web Context
- Java Web开发：小编谈J2EE何存优势？
- Java Web开发：Javaweb基础之Connection 接口浅析
- Java Web开发：小编对新手学习jsp的六条建议建议
- Java Web开发：小编谈如何成为一个优秀的jsp程序员
- Java Web开发：小编谈J2EE 技术中的那些事
- Java Web开发：小编浅谈J2EE技术
- Java Web开发：小编浅谈JavaScript小技巧
- Java Web开发：小编浅谈JavaScript小技巧（2）
- Java Web开发：小编浅谈JavaScript小技巧（3）
- Java Web开发：小编浅谈JavaScript小技巧（4）
- Java Web开发：小编浅谈JavaScript小技巧（5）
- Java Web开发：小编浅谈JavaScript小技巧（6）
- Java Web开发：小编浅谈JavaScript小技巧（7）
- Java Web开发：小编浅谈JavaScript小技巧（8）
- Java Web开发：小编浅谈JavaScript小技巧（9）
- Java Web开发：小编浅谈JavaScript小技巧（10）
- Java Web开发：小编浅谈JavaScript小技巧（11）
- Java Web开发：小编浅谈JavaScript小技巧（12）
Java Web开发：小编浅谈JavaScript小技巧（8）
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-12-26 浏览: 162 ::
收藏到网摘: n/a
在网上查了许多相关的资料，今天整理一下文章，发布到软晨学习网网站上，希望对大家有所帮助。JavaScript是人们俗称的脚本语言，一些页面特效程序员们往往选择使用它来实现。JavaScript在编程中起着至关重要的作用。下面小编分享一些JavaScript常用技巧。
JavaScript主页弹出窗口技巧
窗口中间弹出
<script>
window.open("http://www.cctv.com","","width=400,height=240,top="+(screen.availHeight-240)/2+",left="+(screen.availWidth-400)/2);
</script>
============
<html>
<head>
<script language="LiveScript">
function WinOpen() {
msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no");
msg.***(" <HEAD> <TITLE>哈 罗! </TITLE> </HEAD>");
msg.***(" <CENTER> <H1>酷 毙 了! </H1> <h2>这 是 <B>JavaScript </B>所 开 的 视 窗! </h2> </CENTER>");
}
</script>
</head>
<body>
<form>
<input type="button" name="Button1" value="Push me" onclick="WinOpen()">
</form>
</body>
</html>
==============
一、在下面的代码中，你只要单击打开一个窗口，即可链接到赛迪网。而当你想关闭时，只要单击一下即可关闭刚才打开的窗口。
代码如下：
<SCRIPT language="JavaScript">
<！--
function openclk() {
another=open('1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>http://www.ccidnet.com'，'NewWindow');
}
function closeclk() {
another.close();
}
//-->
</SCRIPT>
<FORM>
<INPUT TYPE="BUTTON" NAME="open" value="/打开一个窗口" onClick="openclk()">
<BR>
<INPUT TYPE="BUTTON" NAME="close" value="/blog/关闭这个窗口" onClick="closeclk()">
</FORM>
二、上面的代码也太静了，为何不来点动感呢？如果能给页面来个降落效果那该多好啊！
代码如下：
<script>
function drop(n) {
if(self.moveBy){
self.moveBy (0，-900);
for(i = n; i > 0; i--){
self.moveBy(0，3);
}
for(j = 8; j > 0; j--){
self.moveBy(0，j);
self.moveBy(j，0);
self.moveBy(0，-j);
self.moveBy(-j，0);
}
}
}
</script>
<body onLoad="drop(300)">
三、讨厌很多网站总是按照默认窗口打开，如果你能随心所欲控制打开的窗口那该多好。
代码如下:
<SCRIPT LANGUAGE="JavaScript">
<！-- Begin
function popupPage(l， t， w， h) {
var windowprops = "location=no，scrollbars=no，menubars=no，toolbars=no，resizable=yes" +
"，left=" + l + "，top=" + t + "，width=" + w + "，height=" + h;
var URL = "http://www.80cn.com";
popup = window.open(URL，"MenuPopup"，windowprops);
}
// End -->
</script>
<table>
<tr>
<td>
<form name=popupform>
<pre>
打开页面的参数 <br>
离开左边的距离: <input type=text name=left size=2 maxlength=4> pixels
离开右边的距离: <input type=text name=top size=2 maxlength=4> pixels
窗口的宽度: <input type=text name=width size=2 maxlength=4> pixels
窗口的高度: <input type=text name=height size=2 maxlength=4> pixels
</pre>
<center>
<input type=button value="打开这个窗口！" onClick="popupPage(this.form.left.value， this.form.top.value， this.form.width.value，
this.form.height.value)">
</center>
</form>
</td>
</tr>
</table>
你只要在相对应的对话框中输入一个数值即可，将要打开的页面的窗口控制得很好。
评论 (0) All
