`

在超链接上利用JS弹出指定的页面

阅读更多
在GridView控件的ItemCommand列中或者是超链接中打开一个制定的页面
1、控件上使用:
<a name="view" href ="javascript:showReportDetail('<%# DataBinder.Eval(Container.DataItem,"id") %>');">详细</a>

2、对应的JavaScript函数showReportDetail

<script language="javascript" type="text/javascript">
        function showReportDetail(id){
        var iHeight=600; var iWidth=850;
        var iTop = (window.screen.availHeight-30-iHeight)/2;
        var iLeft = (window.screen.availWidth-10-iWidth)/2;
        var url = "index.aspx?id=" +id ;
        var parameter = "channelmode=no,toolbar=no,location=no,directories =no,menubar=no, scrollbars=yes,resizable=no,top="+iTop+",left="+iLeft+",width="+iWidth+",height="+iHeight+",status=no"
        var ReportDetailWin = window.open(url,'ReportRelationResultListForDetail',parameter);
        //ReportDetailWin.focus();
        //return false;
     }
    </script>
同样弹出的页面也可以进行自定义。
分享到:
评论

相关推荐

    点击一个超链接弹出一个对话框

    在网页设计中,点击一个超链接弹出对话框是一种常见的交互方式,这通常涉及到JavaScript(JS)技术的应用。JavaScript是一种轻量级的解释型编程语言,广泛用于网页和网络应用,提供动态、交互性的用户体验。在本场景...

    超链接弹出独立新窗口代码

    本篇文章将详细介绍如何利用HTML与JavaScript来实现在点击超链接时弹出一个独立的新窗口,而不是在浏览器中打开一个新的标签页。 #### 基础概念 1. **超链接(Hyperlink)**:是一种允许用户通过单击文本或图像等...

    关于润乾报表超链接调用js文件实现可交互

    这部分代码可以实现各种复杂的逻辑,比如弹出对话框、更新报表数据、进行页面跳转等。确保你的js文件遵循良好的编程规范,以保证代码的可读性和维护性。 3. **安全考虑**:由于js文件可以直接被执行,因此在设计时...

    javascript超链接

    根据给定文件的信息,本文将围绕JavaScript操作Cookie的相关知识点展开,包括如何利用JavaScript进行Cookie的读取、写入和删除。 ### JavaScript与Cookie 在Web开发中,Cookie是一种常用的技术,用于存储用户的...

    用JS实现多样化的超链接提示效果

    JS可以通过`fetch` API获取远程数据,然后在弹出的模态窗口或浮动框中展示: ```javascript // 为链接添加点击事件监听器 link.addEventListener('click', function(event) { event.preventDefault(); // 阻止默认...

    漂亮的视频弹出框

    在IT行业中,创建一个"漂亮的视频弹出框"是一种常见的用户体验设计手法,它可以在用户点击特定超链接时,以一种优雅的方式展示视频内容,同时不影响用户对页面其他部分的感知。这种效果通常通过JavaScript库、CSS3...

    WebBrowser控件应用:弹出新窗体(源码)

    弹出新窗体通常发生在WebBrowser控件处理JavaScript的`window.open`函数时。默认情况下,WebBrowser控件会尝试在同一窗口中打开新的URL,但可以通过重写`NewWindow`事件来改变这一行为。以下是一个示例代码,展示了...

    解决layer弹出层的内容页点击按钮跳转到新的页面问题

    在开发过程中,我们经常会遇到需要在弹出层(如layer弹出层)内实现页面跳转的功能。问题在于,直接在弹出层内点击链接或按钮进行跳转时,新页面可能仍会被包含在弹出层内,而不是替代整个浏览器窗口的内容。本文将...

    javascript禁止超链接跳转的方法

    总结来说,禁止超链接跳转的方法是通过在链接元素上绑定一个事件处理器,利用`e.preventDefault()`方法来实现。通过这种方式,我们可以控制用户的点击行为,并在不跳转页面的情况下,根据需要执行其他JavaScript代码...

    透明渐变弹出菜单的制作

    2. **CSS定位**:利用CSS的定位属性(如`position: absolute`)确保菜单能够正确地显示在页面上的指定位置。 3. **事件监听**:通过监听用户的点击事件来触发菜单的显示与隐藏。 #### 实现步骤 1. **引入...

    JS给超链接加确认对话框的方法

    此方法利用了JavaScript中的confirm()函数,该函数是window对象的一个内置函数,用于弹出一个带有文本消息和“确定”及“取消”按钮的对话框。用户点击“确定”按钮时,confirm()函数返回true;点击“取消”按钮时,...

    js页面跳转代码汇总

    ### JS页面跳转代码汇总及解析 #### 一、通过`window.location.href`进行页面跳转 **示例代码:** ```javascript &lt;script language="javascript" type="text/javascript"&gt; window.location.href = "login.jsp?...

    php结合js实现点击超链接执行删除确认操作_.docx

    本文将详细介绍如何利用PHP与JavaScript(简称JS)相结合的方式来实现点击超链接时弹出删除确认框的功能。该方法不仅能够提高网站的安全性,还能增加用户的交互体验。 #### 二、关键技术解析 实现这一功能主要涉及...

    点击按钮弹出QQ对话窗口

    - 为了提高用户体验,建议在页面上明确提示用户需要安装QQ客户端。 #### 解决方案 - 可以通过检测浏览器类型或询问用户来判断其设备上是否已安装QQ。 - 提供一个备选方案,如提供客服电话或电子邮件地址作为联系...

    JavaScript实用范例词典04-14

    5.45 在主窗口上关闭弹出式窗口... 146 5.46 在弹出式窗口上关闭主窗口... 146 5.47 将主窗口中的资料输出到弹出式 窗口中... 147 5.48 将弹出式窗口的资料输入到 主窗口中... 149 5.49 弹出一个自动关闭的...

    Creating Links That Open in a New Window Using Javascript.zip

    在JavaScript编程中,创建链接(超链接)是网页交互性的基础。链接通常会将用户从当前页面导航到另一个页面,但有时我们希望链接在新窗口或新标签页中打开,以便用户可以同时查看两个页面。这个"Creating Links That...

    常用的JAVASCRIPT脚本特效

    以上就是JavaScript在网页特效中的应用,包括颜色变化、图片切换、菜单显示、窗口弹出、广告互动和防拷贝等。这些技术的运用极大地丰富了网页的交互性和用户体验。然而,要记住,良好的用户体验也包括尊重用户的权利...

    常用经典Javascript代码

    它通过比较当前时间和目标时间来计算剩余天数,并在页面上显示结果。 ### 11. 图片水波纹效果 ```javascript 图片路径" width="175" height="59"&gt; &lt;script language="Javascript"&gt; function f1() { setInterval...

    web前端实验一,第一次htmi5页面

    2. **元数据和Meta标记**:在`&lt;head&gt;`中,我们通常会使用`&lt;meta&gt;`标签来设置页面信息,比如`&lt;meta charset="UTF-8"&gt;`用于指定字符编码为UTF-8,确保网页能正确显示各种语言的字符。 3. **Body标记属性**:`&lt;body&gt;`...

    常用js代码

    JavaScript,也被称为JS,是一种广泛应用于网页和网络应用开发的脚本语言,主要在客户端运行。在网页中,JavaScript可以实现交互性、动态效果和数据验证等功能。以下是一些JavaScript的常见代码及其解释: 1. **...

Global site tag (gtag.js) - Google Analytics