当前位置: 首页 > news >正文

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相同还是另外记忆.

 

相关文章:

  • kibana创建新的index patterns
  • 使用docker搭建android源码编译环境
  • 使用Android Studio运行NDK程序
  • Foreman 1.15.1 发布,数据中心生命周期管理工具
  • C学习-枚举(九)
  • 关于网易云音乐爬虫的api接口?
  • 设计模式(一)----工厂模式
  • java 基础2
  • SQLSERVER 2008 编辑所有或者任意行
  • SpringMVC接收集合页面参数
  • JSR 303 - Bean Validation 简单介绍及用法
  • mysql5.6.36简单配置主从复制
  • 安装Discuz
  • 玩转Android Camera开发(三):国内首发---使用GLSurfaceView预览Camera 基础拍照demo
  • 学习笔记-RTOS任务创建
  • (ckeditor+ckfinder用法)Jquery,js获取ckeditor值
  • 【刷算法】从上往下打印二叉树
  • Android组件 - 收藏集 - 掘金
  • Asm.js的简单介绍
  • Computed property XXX was assigned to but it has no setter
  • js中forEach回调同异步问题
  • laravel with 查询列表限制条数
  • leetcode386. Lexicographical Numbers
  • win10下安装mysql5.7
  • 基于 Babel 的 npm 包最小化设置
  • ------- 计算机网络基础
  • 微信小程序--------语音识别(前端自己也能玩)
  • 在Mac OS X上安装 Ruby运行环境
  • SAP CRM里Lead通过工作流自动创建Opportunity的原理讲解 ...
  • 如何通过报表单元格右键控制报表跳转到不同链接地址 ...
  • 专访Pony.ai 楼天城:自动驾驶已经走过了“从0到1”,“规模”是行业的分水岭| 自动驾驶这十年 ...
  • ​一帧图像的Android之旅 :应用的首个绘制请求
  • # 达梦数据库知识点
  • #if和#ifdef区别
  • #Linux(帮助手册)
  • (C语言)输入自定义个数的整数,打印出最大值和最小值
  • (阿里巴巴 dubbo,有数据库,可执行 )dubbo zookeeper spring demo
  • (附源码)springboot炼糖厂地磅全自动控制系统 毕业设计 341357
  • (一)VirtualBox安装增强功能
  • (转) RFS+AutoItLibrary测试web对话框
  • (转)拼包函数及网络封包的异常处理(含代码)
  • ./include/caffe/util/cudnn.hpp: In function ‘const char* cudnnGetErrorString(cudnnStatus_t)’: ./incl
  • .net core使用ef 6
  • .net mvc部分视图
  • .NET 反射 Reflect
  • .NET 设计一套高性能的弱事件机制
  • .NET/C# 检测电脑上安装的 .NET Framework 的版本
  • [2016.7 Day.4] T1 游戏 [正解:二分图 偏解:奇葩贪心+模拟?(不知如何称呼不过居然比std还快)]
  • [23] 4K4D: Real-Time 4D View Synthesis at 4K Resolution
  • [51nod1610]路径计数
  • [ACTF2020 新生赛]Upload 1
  • [android]-如何在向服务器发送request时附加已保存的cookie数据
  • [bug总结]: Feign调用GET请求找不到请求体实体类
  • [CentOs7]图形界面
  • [java基础揉碎]关系运算符(比较运算符)逻辑运算符赋值运算符三元运算符运算符的优先级