JavaScript特效实例003-通过按钮创建窗口

实例003                     通过按钮创建窗口

实例说明

点击按钮创建窗口

技术要点

主要是使用window是对象的open()方法来创建和调用其他窗口。

实现过程

1.制作用于点击按钮打开的窗口广告页面

<pre name="code" class="html"><html>
<head>
<title>打开新窗口显示广告信息</title>
<style type="text/css">
body{
    background-image:url(new.jpg);
    background-repeat:no-repeat;
    }
</style>
</head>
<body></body>
</html>

2实现创建窗口功能的index.html

<html>
<head>
<title>定时打开窗口显示广告信息</title>
<script type="text/jscript" language="javascript">
    function pp()
    {
            window.open("new.html","new","height=280,width=800,top=10,left=20,resizable=no, location=no",false);
    }
        </script>
</head>
<body>
	<form name = "from1" method = "post" action="">
		<input type = "button" name = "Button" value= "创建新窗口" onClick = "pp()"/>
	</form>
</body>
</html> 

注:style标签的内容为css的知识,我们关注的是script标签内的内容。

这样我们的这个实例就做好了。

时间: 2024-10-20 18:07:09

JavaScript特效实例003-通过按钮创建窗口的相关文章

JavaScript特效实例005-控制弹出窗口居中显示

实例005                控制弹出窗口居中显示 实例说明 点击页面上的按钮,弹出窗口,并将窗口居中显示. 技术要点 本例首先应用JavaScript中的window对象的open()方法,打开指定大小的新窗口,然后通过screen对象,获取屏幕分辨率,再根据获取的值通过window对象的moveTo()方法,将新窗口移动到屏幕居中位置. moveTo()方法将窗口移动到指定坐标(x,y)处,其语法格式如下. window.moveTo(x,y) 其中,参数x,y表示窗口移动到的位

JavaScript特效实例009-关闭IE主窗口时,不弹出询问对话框

实例009                      关闭IE主窗口时,不弹出询问对话框 实例说明 通常情况我们使用window.close()关闭IE窗口时,都会弹出一个是否关闭的询问框,这节我们来屏蔽掉它. 技术要点 本例主要应用JavaScript的window对象的opener属性将要关闭的IE窗口的打开窗口设置为NULL,然后再通过window对象的close()方法将该窗口关闭,这样就不会弹出询问对话框了. 实现过程 (1)实现功能主页面index.html <html> <

JavaScript特效实例017-慢慢放大的窗口

实例017                           慢慢放大的窗口 实例说明 本实例实现在窗口打开时,将窗口安装指定的大小放在屏幕中间,并使窗口不断放大,直到窗口大小与屏幕大小相同为止. 技术要点 本实例主要应用screen对象的availWidth和availHeight属性来获取屏幕工作区域的宽度和高度,并用window对象的resizeTo()方法来指定窗口的位置,用window对象的moveTo方法使窗口不断变大. 实现过程 实现功能主页面 <!DOCTYPE html>

JavaScript特效实例007-为弹出的窗口加入关闭按钮

实例007                        为弹出的窗口加入关闭按钮 实例说明 在弹出的窗口中加入关闭按钮,点击后弹出的窗口关闭. 技术要点 本实例主要应用window对象的close()方法实现.close()方法的语法如下. window.close() 功能:window对象的close()方法用于自动关闭浏览器窗口. 实现过程 (1)要弹出的窗口且是功能实现界面New.html. <html> <head> <meta charset="utf

10种JavaScript特效实例让你的网站更吸引人

我们有三种主要的方法(从难到易):自己动手写脚本;使用类似于jQuery和mooTools的JavaScript框架(可以让编写代码变得更容易些);使用能工作于现有的JavaScript框架下的提前预置好的脚本或那种从头开始开发的创建者.这篇文章适合那些打算提高工作效率或不愿意从头开发脚本的人阅读. 您还可以参考以下JavaScript/Ajax相关教程及资源:<10个非常棒的Ajax及Javascript实例资源网站><12种Javascript解决常见浏览器兼容问题的方法>&l

JavaScript特效实例001-打开新窗口显示广告信息

实例001                 打开新窗口显示广告信息 实例说明 本实例要在窗口每次被加载的时候弹出一个广告对话框. 技术要点 本实例主要应用JavaScript的window对象. window对象的常用方法 方法 说明 alert() 弹出一个警告对话框 confirm() 在确认对话框中显示指定的字符串 prompt() 弹出一个提示对话框 close() 关闭被引用的窗口 focus() 将被引用的窗口放在所有打开窗口的前面 open() 打开新浏览器窗口并且显示由URL或名

JavaScript特效实例004-自动关闭的广告窗口

实例004                  自动关闭的广告窗口 实例说明 当网页运行一定的时间后,自动关闭网页上指定的广告窗口. 技术要点 本实例主要应用window对象的setTimeout()方法和close()方法来实习.window对象的setTimeout()方法用于延迟执行某一操作. 实现过程 (1)要关闭的广告窗口. new.html <html> <head> <title>打开新窗口显示广告信息</title> <style typ

JavaScript特效实例006-弹出的窗口之Cookie控制

实例006            弹出的窗口之Cookie控制 实例说明 为了让相同的广告信息不在每次打该开网页时都弹出,而只在第一次打开该网页时弹出. 技术要点 Cookie是网站在访问者硬盘上存储的一些定制的信息段.通过浏览器,网页可以实现对Cookie的存储.获取和删除.Cookie的目的只有一个,即记录访问者的个体信息.在开始使用Cookie前,我们需要知道下面的规则. 浏览器可以存储的总Cookie数量不能超过300个,每个服务器不得超过20个(对于整个服务器,而不仅仅是用户自己的网页

JavaScript特效实例002-定时打开窗口

实例002                                  定时打开窗口 实例说明 本实例要在指定的时间后打开窗口. 技术要点 主要应用window对象setTimeout()方法实现定时打开窗口. setTime()方法的语法格式如下. <span style="font-size:14px;">setTimeout(function,milliseconds)</span> 参数说明如下. function:要调用的JavaScript自定