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

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

效果图：

源码：

<!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>

时间： 2024-10-09 14:03:10

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

JS 点击按钮后弹出遮罩层，有关闭按钮

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery弹出层效果</title> <meta content="网页特效,特效代码,jQuery,css特效,Js代码,广告幻灯,图片切换" name="keywords" /> <meta content="

public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); } private void TabControl_SelectionChanged_1(object sender, SelectionChangedEventArgs e) { } private int a; private void MenuItem_Click_1(object sender, RoutedEve

C#调用webbrowser，阻止弹出新IE窗口

本人是用WPF内嵌 winform的webbrowser这种形式开发, 弹出的 //屏蔽弹出新IE窗口 private void webBrowser_NewWindow(object sender, CancelEventArgs e) { e.Cancel = true; webBrowser.Navigate(webBrowser.StatusText); } 调用其方法的语句如下: webBrowser.NewWindow += new CancelEventHandler(webBro

VS C# .NET WebBrowser控件利用插入JS代码，实现控制弹出IE窗口

最近在做一个客户端程序,使用到自带的WebBrowser控件时,发现当JS调用window.open()或a标签的target="_blank"时使用的是弹出IE窗口,不知道为什么是这种设计,根本不满足需求嘛.上网查了一下相关资料,发现这个控件并没有属性能控制这个功能,于是找第三方控件,发现也还是不行(可能是我不够仔细尝试),而且要多出个几十兆的DLL.经过我几个小时的努力,放弃了...! 知道C#是可以与网页的JS交互的,于是想到网页上重写window.open()的方法,建一个HT

iOS-UITableView-处理cell上按钮事件(弹出警示框,页面跳转等)

一. 目的: 实现UITableViewCell上按钮点击事件可以进行页面跳转. 二. 实现方法: 1. 用协议的方式的实现. 2. 需要自定义UITableViewCell. 三. 代码部分. cell.h中 #import <UIKit/UIKit.h> @protocol SevenProtocolDelegate <NSObject> - (void)sevenProrocolMethod:(UIViewController *)viewController and:(NS

JQuery弹出层，点击按钮后弹出遮罩层，有关闭按钮

原生实现点击某个按钮后弹出弹出框

window.onload=function(){ var a = document.getElementById("tdful"); var b = a.getElementsByTagName("li");// 获取第一列所有单元 var d = document.getElementById("secondtd");//获取所有模板 var c = d.getElementsByTagName("div"); for(v

html js点击按钮滚动跳转定位到页面指定位置（DIV）的方法代码

一:通过html锚点实现滚动定位到页面指定位置(DIV): 如果我们要点击实现跳转的地方是一个html锚点,也就是点击一个A标签超链接实现跳转,可以把A标签的href属性直接指向跳转指定位置的div,代码实现思路如下: <a class="banner" href="/schoolFair/registration#nav"> <a href="#abc">点击跳转</a> <div id=&

用node.js express设置路径后子路径下的页面访问静态资源路径出问题

在routes/news_mian.js 设置了访问news_main.html 的路径 '/',通知设置一个访问news-page.html的子路径'/newspage'子路径.但是在访问loaclhost:3000/news/newspage时静态资源路径前多了一个/news导致不能找到静态资源 app.js var express=require('express'); var app=express(); var path=require('path'); var http=requir