JS实现单击按钮后弹出新的窗口页面

最新推荐文章于 2024-02-18 02:37:57 发布
最新推荐文章于 2024-02-18 02:37:57 发布
阅读量2.6k 收藏 7
点赞数 2
文章标签： xhtml
原文链接：http://www.cnblogs.com/Joanna-Yan/p/4822958.html
版权

点击按钮后，弹出指定大小的页面窗口。

效果图：

源码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>html模板</title>
        <style type="text/css">
        </style>
    </head>
    <body>
        <script> 
            /*
            'newwindow':弹出窗口的名字（不是文件名），非必须，可用''代替；
            toolbar=no 是否显示工具栏，yes为显示；
            menubar，scrollbars 表示菜单栏和滚动栏；
            resizable=no 是否允许改变窗口大小，yes为允许；
            location=no 是否显示地址栏，yes为允许；
            status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
            */
            function black(){
                window.open ("你的新页面.html", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") 
            }
        </script>
        
        <input type="button"  onclick="black()" value="产品查询">
    
    </body>
</html>

 

转载于:https://www.cnblogs.com/Joanna-Yan/p/4822958.html

weixin_34404393
关注
js 点击按钮弹出层
04-03
代码非常简单，点击按钮能弹出一个遮罩层，如有不足，请继续补充
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
10-24
在JavaScript编程中，实现点击按钮弹出一个可关闭层窗口并使网页背景变灰的效果，是一种常见的用户交互设计，常用于提示信息、确认操作或显示模态对话框。以下是实现这一功能的关键知识点： 1. **JavaScript事件...
js实现点击按钮，弹出新窗口
松松面包的博客
05-31 2万+
1.js引入jquery.js 样式：     .window{       width:800px;       background-color:#f6a828;       position:absolute;       padding:2px;       margin:5px;       display:none;       }     .content{
JS点击按钮打开新的独立页面
热门推荐
yangluo1683的专栏
06-30 3万+
工作中遇到需要点击按钮弹出一个独立的页面，并显示指定内容的问题，查了一些资料后，得到以下方法： window.open('locationPage.html', '_blank', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, statu
JavaScript——点击按钮弹出新窗口
chengxu2726的博客
06-10 1388
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <scrip...
js实现点击按钮弹出上传文件的窗口
10-20
本文将深入探讨如何使用JavaScript实现点击按钮弹出上传文件的窗口。 首先，我们要了解HTML中的`<input>`标签，它用于创建各种输入控件。在文件上传的场景中，我们可以使用`<input type="file">`来创建一个文件选择...
解决layer弹出层的内容页点击按钮跳转到新的页面问题
10-16
问题在于，直接在弹出层内点击链接或按钮进行跳转时，新页面可能仍会被包含在弹出层内，而不是替代整个浏览器窗口的内容。本文将详细探讨这一问题，并给出解决方案。 ### 知识点1：Layer弹出层的基本用法 Layer是...
html+css+js实现点击弹出窗口效果
04-23
用html+css+js/jquery实现的点击按钮弹出一个层窗口效果。注释部分使用js实现的，script部分则是jquery实现的，效果更好一些。可以把jquery部分注释掉来看js的效果
js点击button按钮跳转到另一个新页面
10-25
点击按钮怎么跳转到另外一个页面呢？点击图片要跳转到新的页面时，怎么做到呢？可以使用onclick=[removed]=新页面来实现
纯js点击按钮弹出登录对话框特效
12-12
这是一款简单的纯js点击按钮弹出登录对话框特效。该特效在用户点击登录按钮时，在屏幕中间弹出一个登录对话框，该对话框可以使用鼠标来进行位置拖动，整体效果简洁大方。
jQuery点击图标按钮弹出表单代码.zip
05-23
jQuery点击图标按钮弹出表单代码基于jquery-1.11.3.min.js制作，点击Quantum Paper风格按钮，弹出表单窗口，动画效果。
js点击弹出新的网页方法
weixin_45661544的博客
06-01 1984
1.使用的是: window.open( `协议://ip+端口+域名/目录下文件?${传入的参数}`, "_blank",//新的窗口打开 "width=800,height=500,menubar=no,toolbar=no,location=no,status=no,resizable=no"//配置项 );
使用JavaScript，点击按钮一个打开新的窗体
小小鱼儿小小林的博客
09-26 3091
function openObj(){ window.open("success.html","baiducccc");//新建一个窗体，名字为baiducccc } function openObj2(){ window.open("success.html","_self");//在自身的窗体打开，不会新建窗体 } function openObj3(){ var win
js点击按钮,重新打开新窗口操作
qq_42314883的博客
01-21 3284
window.open(‘页面.jsp’,‘height:1000,width:1000’); window.open 弹出新窗口的命令； ‘页面.jsp’ 弹出窗口的文件名,相对路径绝对路径都可以； ‘_blank’ 弹出新的独立窗口，非必须，可用空”代替，默认是’_self’； height=100 窗口高度； width=400 窗口宽度； top=0 窗口距离屏幕上方的象素值； left=...
JavaScript实现点击按钮后跳出可编辑的文本框
wingsb的博客
01-09 1万+
使用prompt()方法来实现： &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript"&gt; function disp_prompt(){ var name=prompt("输入的内容",""); if (name!=null &amp;&amp; name!="") {
JS点击按钮弹出窗口
dhu86380的博客
04-28 2744
由于没有系统学习过JS，遇到一个需求：点击按钮，弹出一个独立的窗口。 在网上百度了一下，并没有找到满意的结果，最重要的是各种方法很复杂。最终，仔细研究了一下，原来只是需要只要一个简单的函数就能满足自己的需求：window.open()。 window.open() 功能：open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。 语法： window.open(...
前端JS按钮点击事件、跳出弹窗、遮罩的实战示例
最新发布
风吹落叶的博客
02-18 3590
样式解析汇总：这段代码描述了一个在页面中居中显示、具有白色背景、灰色边框和一定内边距的固定定位元素，且在层叠顺序中处于较高的位置。：设置元素在层叠顺序中的位置为1000，使其位于具有较低 z-index 值的元素之上。：设置元素的定位方式为固定定位，元素相对于浏览器窗口固定位置，不随页面滚动而移动。：设置元素的边框为1像素宽的实线边框，颜色为淡灰色（#ddd）。：设置按钮内容与按钮边框之间的内边距，上下为10像素，左右为20像素。：将元素左边缘定位在距离父元素左边缘50%的位置，即居中水平定位。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值