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

最新推荐文章于 2022-07-22 14:37:54 发布

迷茫的寻路者

最新推荐文章于 2022-07-22 14:37:54 发布

阅读量976

点赞数 1

分类专栏： JavaScript网页特效范例文章标签： javascript

本文链接：https://blog.csdn.net/yejinwei1220/article/details/45583855

版权

JavaScript网页特效范例专栏收录该内容

19 篇文章 0 订阅

订阅专栏

实例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标签内的内容。

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

迷茫的寻路者

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JavaScript特效实例003-通过按钮创建窗口

实例003 通过按钮创建窗口实例说明点击按钮创建窗口技术要点主要是使用window是对象的open()方法来创建和调用其他窗口。实现过程1.制作用于点击按钮打开的窗口广告页面打开新窗口显示广告信息 body{ background-image:url(new.jpg); bac
复制链接

扫一扫