用window.location和window.open做链接的区别
2010-12-08 19:33
344 查看
以下拉列表 选择打开指定网站为例:
在给按钮、表格、单元格、下拉列表和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>
在给按钮、表格、单元格、下拉列表和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>
相关文章推荐
- 用window.location和window.open做链接的区别
- 用window.location和window.open做链接的区别
- 用window.location和window.open做链接的区别
- 用window.location和window.open做链接的区别
- 用window.location和window.open做链接的区别
- window.location和window.open做链接的区别
- window.location和window.open的区别
- window.open()与window.location()的区别
- window.location 与window.open的区别
- window.location和window.open的区别解析
- js 中实现页面跳转的方法(window.location和window.open的区别)
- 在selenium中window.open()和click()点击链接的区别
- window.location与window.open()的区别
- javascript中window.open()与window.location.href的区别
- javascript中window.open()与window.location.href的区别
- window.location.href和window.open的几种用法和区别
- javascript中window.open()与window.location.href的区别
- javascript中window.open()与window.location.href的区别
- window.open 与openwindow.location的区别
- jquery 打开页面window.location和window.open的区别