您的位置:首页 > 运维架构

用window.location和window.open做链接的区别

2012-08-01 11:32 204 查看
以下拉列表 选择打开指定网站为例:

在给按钮、表格、单元格、下拉列表和DIV等做链接时一般都要用Javascript来完成,和做普通链接一样,可能我们需要让链接页面在当前窗口打开,也可能需要在新窗口打开,这时我们就可以使用下面两项之一来完成:

window.open 用来打开新窗口

window.location 用来替换当前页,也就是重新定位当前页

我们可以用以下来个实例来测试一下。

例1:

<input type="button" value="新窗口打开" onclick="window.open('http://www.zhousl.com/')">

<input type="button" value="当前页打开" onclick="window.location='http://www.zhousl.com/'">

例2:

<!--新窗口打开-->

<form name="form1" id="form1">

<select onChange="window.open(this.value)">

<option value="#">请选择要打开的网站</option>

<option value="http://www.zhousl.com">周站长技术网</option>

<option value="http://www.126.com">126邮箱</option>

<option value="http://www.yahoo.cn">雅虎中国</option>

</select>

</form>

<!--当前页打开-->

<form name="form2" id="form2">

<select onChange="window.location=this.value">

<option value="#">请选择要打开的网站</option>

<option value="http://www.zhousl.com">周站长技术网</option>

<option value="http://www.126.com">126邮箱</option>

<option value="http://www.yahoo.cn">雅虎中国</option>

</select>

</form>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: