zoukankan      html  css  js  c++  java
  • 用window.location和window.open做链接的区别

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

        window.open 用来打开新窗口
        window.location 用来替换当前页,也就是重新定位当前页

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

    一:

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

    二:
    <!--新窗口打开-->
    <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>
  • 相关阅读:
    axios 讲解 和vue搭建使用
    在过去一年中做了很多项目。纪念一下
    使用vue遇到坑
    python 学习总结
    webpack 学习
    gulp-rev 添加版本号
    解决微信转发到朋友圈没有获取页面头像以图标展示。
    对象-数组-字符串:
    mobiscroll时间控件
    Chrome Adobe flash player已过期怎么办
  • 原文地址:https://www.cnblogs.com/yeye518/p/2231748.html
Copyright © 2011-2022 走看看