创建javascript弹出窗口的最优雅方式?

创建javascript弹出窗口的最优雅方式?,javascript,Javascript,有没有更优雅的方法来创建JavaScript弹出窗口 <head> <script> function myPopup() { window.open( "http://www.google.com", "myWindow", "status=1, height=300, width=300, resizable=0" ) } </script> </head> <body> <input type="button" onCli

有没有更优雅的方法来创建JavaScript弹出窗口

<head>
<script>
function myPopup() { window.open( "http://www.google.com", "myWindow", "status=1, height=300, width=300, resizable=0" )
}
</script>
</head>

<body>
<input type="button" onClick="myPopup()" value="popup">
</body>

函数myPopup(){window.open(“http://www.google.com“,“我的窗口”,“状态=1,高度=300,宽度=300,可调整大小=0”)
}
jqueryui有一个很好的插件,很容易使用。


<head>
  <script>
    function myPopup(){ 
        window.open("http://www.google.com", "myWindow", 
                "status=1, 
                 height=300, 
                 width=300, 
                 resizable=0"
        );
    }
  </script>
</head>

<body>
  <input type="button" onclick="myPopup()" value="popup" />
</body>
函数myPopup(){ 窗口打开(“http://www.google.com“,”我的窗口“, “地位=1, 高度=300, 宽度=300, 可调整大小=0“ ); }
取决于您试图实现的目标。。。你可以看看情态对话的形式


jQuery就是这样做的。

这就是我打开modalDialog的方式

function showModalDialog() {

        window.showModalDialog('HizmetSuresiUzatma.aspx', 
                               '', 
                               'resizable: no; 
                                scroll: No; 
                                dialogWidth:640px; 
                                dialogHeight:350px');

     }
在一个名为
HizmetListesi.aspx
的页面上单击一个按钮后,我在该aspx文件上编写JS代码,然后用

ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "hizmetYenileTahsilat", "showModalDialog()", true);

在aspx.cs文件上。

一个良好的工作代码,没有崩溃。

简单且使此代码更好的是,您可以在JavaScript文件中单独使用它,并使其公平处理多个具有相同弹出大小的文件,即使弹出窗口上的页面不同

Javascript

// Popup window code
function MyPopUp(url) {
    popupWindow = window.open(
        url,'popUpWindow','height=454,width=580,left=0,top=200,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
HTML

<a href="JavaScript:MyPopUp('MyDirectory/Page.html');" title="My PopUp For You">My PopUp</a>


注意:您也可以将其用作body中的onload,例如
,它还可以用于mouseover和其他。。。尽管我不建议这样做,除非你想激怒访问你页面的客户。

最简单、纯粹的html/css

使用
details
元素切换功能和选择器
details[open]

details>p{
填充:0.5雷姆;
背景:轻珊瑚;
保证金:0;
显示器:flex;
弯曲方向:柱
}
详情[公开]{
位置:固定;
宽度:33%;
转换:翻译(计算值(50vw-50%)、计算值(50vh-50%);
外形:10000px#000000d4固体
}
详细信息[打开]摘要::之后{
内容:'❌';
浮动:对;
}

项目
保存项目保存到文件

发帖

更新更新日期

另一个弹出窗口 由html提供支持
最优雅的方式是-永远不要创建popuphaha,它是为音乐播放器设计的…客户端请求最优雅的方式是在同一页面上创建覆盖我可以在对话框中插入小部件吗?我在网站上找不到任何相关内容。@Steven是的,您可以在对话框中放置任何html,查看输入的用例。您知道小部件是否可以插入这些对话框中吗?在这些对话框中,您可以做任何您想做的事。。。我通常使用AJAX请求来填充它。实际上,出于您的兴趣,我也做了类似的事情,使用jQuery和播放音频。