网页的打开方式

这次我们来学习网页的两种打开方式，通常我们打开的网页都是在第一个页面打开然后弹到新打开的网页上，平常见到的都是点击某条链接或者某张图片来跳转，今天我们来看看一种新的打开方式

当我们点击下拉框，弹出选项给我们来选择然后在进行跳转的操作，首先我们先把下拉框里面的值和跳转的路径写好，当值和路径全部写完后我们就开始来定义网页的打开方式了

这个页面很简单，大多数都是看一下就会的，而且页面上只需要两个下拉框和跳转网页的值就足够了，当我们在第一个下拉框选择了网站时会弹出一个新的网页

而第二个则会在当前网页更改路径来跳转

这个网页的代码是非常的少的，如下

<div style="padding:15% 40%;">
        <select onChange="MM_o(this)" name="select">
            <option selected>弹出窗口打开</option>
            <option value="http://www.baidu.com">百度</option>
            <option value="http://www.zhihu.com">知乎</option>
            <option value="https://www.youkuaiyun.com/">优快云</option>
        </select>

        <select onChange="MM_jumpMenu('parent',this,1)">
            <option selected>在本窗口打开</option>
            <option value="http://www.baidu.com">百度</option>
            <option value="http://www.zhihu.com">知乎</option>
            <option value="https://www.youkuaiyun.com/">优快云</option>
        </select>
    </div>

    <script language="JavaScript">
        function MM_o(selObj) {
            window.open(selObj.options[selObj.selectedIndex].value);
        }

        function MM_jumpMenu(targ, selObj, restore) {
            eval(targ + ".location='" + selObj.options[selObj.selectedIndex].value + "'");
            if (restore) selObj.selectedIndex = 0;
        }
    </script>