js中利用window.open()打开带参数的链接问题

最新推荐文章于 2024-04-24 12:48:55 发布

叶小某

最新推荐文章于 2024-04-24 12:48:55 发布

阅读量1.4w

点赞数

分类专栏： web前端文章标签： javascript url参数跳转链接

本文链接：https://blog.csdn.net/yels303/article/details/50338029

版权

web前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

想在js中控制一个带有参数的链接的跳转,以下我们介绍利用widow.open()

1、最基本的弹出窗口代码
window.open('page.html');

window.open('page.jsp');

2、附加一些参数的弹出窗口

window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no') //该句写成一行代码

参数解释：
window.open 弹出新窗口的命令；
　　'page.html' 弹出窗口的文件名；
　　'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
　　height=100 窗口高度；
　　width=400 窗口宽度；
　　top=0 窗口距离屏幕上方的象素值；
　　left=0 窗口距离屏幕左侧的象素值；
　　toolbar=no 是否显示工具栏，yes为显示；
　　menubar，scrollbars 表示菜单栏和滚动栏。
　　resizable=no 是否允许改变窗口大小，yes为允许；
　　location=no 是否显示地址栏，yes为允许；
　　status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

例如我们在js里面定义一个函数openwin():

<html>
　　<head>
　　<script LANGUAGE="JavaScript">
　　
　　</script>
　　</head>
　　<body οnlοad="openwin()">
　　任意的页面内容...
　　</body>
　　</html>

这里定义了一个函数openwin(), 函数内容就是打开一个窗口。在调用它之前没有任何用途。怎么调用呢？

方法一：<body οnlοad="openwin()"> 浏览器读页面时弹出窗口；
   方法二：<body οnunlοad="openwin()"> 浏览器离开页面时弹出窗口；
   方法三：用一个连接调用：
              <a href="#" οnclick="openwin()"> 打开一个窗口</a>
              注意：使用的"#"是虚连接。
   方法四：用一个按扭调用：
               <input type="button" οnclick="openwin()" value="打开窗口" />

3、如何控制弹出两个窗口？只需要附加一个就可以：

为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面的说过的四种方法调用即可。
注意：2个窗口的name(newwindow与 newwindow2)不要相同，或者干脆全部为空。

4、弹出窗口的关闭：

弹出的窗口之定时关闭控制
    将一小段代码加入弹出的页面（注意是加入page.html的HTML中，可不是主页面中，否则......），让它在10秒后自动关闭是不是更酷了？
    function closeit()
    {
    setTimeout("selft.close()", 10000)   //毫秒
    }
    然后，在body 中添加：<body οnlοad="closeit()">即可。

在弹出窗口中加上一个关闭按扭
    <input type="button" value="关闭" οnclick="window.close()">

5、如果我们想在新打开的窗口拼接我们的参数怎么办呢？

下面通过一个例子来说明

我们定义了一个跳转到报表页面的函数goReport()；

我想在后面拼接上年份，年份year的值是取得一个下拉菜单选中的值，

错误的写法：

function goReport(){
      var sel_val = $('select[name=queryProYear]').val();
        window.open('${reportUrl}&year=sel_val');
    }

其中 reportUrl是放在Session里面的链接地址，这样的话后面拼接的参数链接就会出现“*****&year=sel_val”

正确地写法：

function goReport(){
      var sel_val = $('select[name=queryProYear]').val();
        window.open('${reportUrl}&year='+sel_val);
    }

这样的话后面拼接的参数链接就会出现“*****&year=2015”

叶小某

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js中利用window.open()打开带参数的链接问题

想在js中控制一个带有参数的链接的跳转,以下我们介绍利用widow.open()1、最基本的弹出窗口代码 window.open('page.html'); window.open('page.jsp');2、附加一些参数的弹出窗口window.open('page.html', 'newwindow', 'height=100, width=400, top=0,
复制链接

扫一扫