select標簽中option內容加鏈接


1、Html頁面代碼

<select name="select" id="select" style="height: 25px; width: 240px; line-height: 25px;" onchange="s_click(this)">
        <option>====友情鏈接====</option>
        <option value='http://www.baidu.com'>====xxxxxxxx====</option>
        <option value='http://www.baidu.com'>====xxxxxxxx====</option>

</select>

 

2、js代碼

<script type="text/javascript">
        //select跳頁
        function s_click(obj) {
            var num = 0;
            for (var i = 0; i < obj.options.length; i++) {
                if (obj.options[i].selected == true) {
                    num++;
                }
            }
            if (num == 1) {
                var url = obj.options[obj.selectedIndex].value;
                window.open(url); //這里修改打開連接方式
            }
        }
</script>

3、window.open(url,'_self’); //在當前頁面打開

 

1. 在當前窗口打開百度,並且使URL地址出現在搜索欄中.

 

window.open("http://www.baidu.com/", "_search");

 

window.open("http://www.baidu.com/", "_self");

 

 

 

2. 在一個新的窗口打開百度

 

window.open("http://www.baidu.com/", "_blank");

 

 

 

3. 打開一個新的窗口,並命名為"hello"

 

window.open("", "hello");

 

 

 

另外, open函數的第二個參數還有幾種選擇:

 

_top : 如果頁面上有framesets,則url會取代framesets的最頂層, 即, 如果沒有framesets, 則效果等同於_self.

 

_parent: url所指向的頁面加載到當前frame的父親, 如果沒有則效果等同於_self.

 

_media : url所指向的頁面加載到Media Bar所包含的HTML代碼區域中.如果沒有Media Bar則加到本身.

 

 

 

如果還要添加其它的東西在新的窗口上, 則需要第三個參數:

 

channelmode : yes|no|1|0  (窗口顯示為劇場模式[全屏幕顯示當前網頁, 包括工具欄等],或頻道模式[一般顯示]).

 

directories :  yes|no|1|0 (是否添加目錄按鈕, 比如在IE下可能會有一個"鏈接"這樣的按鈕在最上面出現)

 

fullscreen : yes|no|1|0 (使瀏覽器處理全屏幕模式, 並隱藏標題欄和菜單等)

 

menubar : yes|no|1|0 (是否顯示瀏覽器默認的菜單欄)

 

resizeable : yes|no|1|0 (窗口是否可調整大小)

 

scrollbars : yes|no|1|0 (是否允許水平或垂直滑動條)

 

titlebar : yes|no|1|0 (是否添加一個標題欄)

 

toolbar : yes|no|1|0 (是否添加瀏覽器默認的工具欄)

 

status : yes|no|1|0 (是否顯示狀態欄)

 

location : yes|no|1|0  (是否顯示搜索欄)

 

copyhistory :  yes|no|1|0 (似乎已經廢棄, 如果只要工具欄顯示, 歷史按鈕就會顯示出來)

 

height : 窗口的高度, 最小值為100像素

 

width :  窗口的寬度, 最小值為w100像素

 

left : 窗口的最左邊相對於屏幕的距離

 

 

 

關於open函數還有最后一個參數,是關於歷史記錄的,即是把當前要打開的窗口與現在的窗口的歷史URL相同還是另外記憶.

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。