游客:
注册
|
登录
|
帮助
网友俱乐部
»
网页制作
»
Javascript教程
» 自由设置页面全部链接的打开方式
网友生活网
|
网友学堂
如何获得金币?
诚招斑竹
IP归属地查询 PR查询 收录查询 whois查询
免费超短2级域名,your.jpy.cc
传世私服
|
传奇世界私服
注册亚洲交友中心,找个人来同居吧!
免费存储空间,免费网络硬盘
‹‹ 上一主题
|
下一主题 ››
投票
交易
悬赏
活动
打印
|
推荐
|
订阅
|
收藏
标题: 自由设置页面全部链接的打开方式
ljjk5
元帅
UID 46706
精华
1
积分 99426
帖子 49691
威望 554
金币 48489
热心 505
阅读权限 100
注册 2007-2-25
状态 离线
#1
使用道具
发表于 2007-7-15 18:55
资料
个人空间
主页
短消息
加为好友
自由设置页面全部链接的打开方式
现在的网页,页面美观固然重要,但是网友越来越追求操作上的简便性与实用性了,页面上的链接点击是否方便就会显得更重要了,其实主要问题是出在是否点击链接弹出窗口上,如果你事先设置好点击后的情况,网友使用时就会不太方便,现在有了更好的解决办法了,网友可以自己选择打开链接的方式了,只要一个小小的input选择框就一切OK了,很方便的哟,赶快看看吧......
一、普通文字链接:
<INPUT TYPE="checkbox" onClick="setopen(this.checked)">
//这里选择这个框后其实也用onClick启动了一个函数
在新窗口打开
<SCRIPT>
<!--
function setopen(T){ //设置一个打开窗口的函数
A="_self"; //设置一个参数
if(T){A="_blank"} //如果选择了setopen后面带参数,就在新窗口(_blank)打开
var temp=document.links //设置一个写入链接打开方式的参数
for(i=0;i<temp.length;i++) //设置一个循环,可以对所有的链接起作用
{
if(temp
.Y!=1) //Y!=1是对是否选择了input框的判断
{
if (temp
.target=="") //如果原来的链接没有写target
{
temp
.target=A;temp
.Y=1} } //写入target参数,同时对input框的选择作判断
else{temp
.target=A;} //最简单的情况时写入target
}
}
//-->
</SCRIPT>
<A HREF="http://www.sohu.com">搜狐</A><BR>
<A HREF="http://www.sina.com.cn">新浪网</A><BR>
<A HREF="http://www.163.com">网易</A><BR>
效果演示:
在新窗口打开
搜狐
新浪网
网易
二、下拉菜单链接:
<script language="javascript">
<!--
function gothere(){ //设置一个打开页面的启动函数
var thebox=document.mycombowopt //设置一个thebox参数,名字与<form>表格对应
if (thebox.windowoption.checked){ //如果form表格中的一个名字为windowoption的input被选中
newwindow=window.open("") //设置一个打开窗口的参数
newwindow.location=
thebox.example.options[thebox.example.selectedIndex].value //新窗口中打开,打开相应的链接,example为名称
}
else
location=
thebox.example.options[thebox.example.selectedIndex].value //本地打开链接
}
//-->
</script>
<form name="mycombowopt">
<select name="example" size=1>
<option value="http://www.163.com">网易</option>
<option value="http://www.sohu.com">搜狐</option>
<option value="http://www.sina.com.cn">新浪</option>
</select> <input type="button" value="打开页面" onClick="gothere()"> <br>
<input type="checkbox" name="windowoption" value="ON">是否是跳出窗口</p>
</form>
网友
ljjk5
签名 - 网友社区
===
[广告]
免费域名(Free Subdomain)
免费空间(Free hosting)
PR查询(Google Pagerank)
投票
交易
悬赏
活动
控制面板首页
编辑个人资料
积分交易
公众用户组
好友列表
个人空间管理
基本概况
流量统计
客户软件
发帖量记录
论坛排行
主题排行
发帖排行
积分排行
在线时间
管理团队
管理统计
当前时区 GMT+8, 现在时间是 2008-10-7 05:22
信产部ICP备案:
京ICP备05066424号
北京市公安局网监备案:1101050648号
Powered by
Discuz!
5.5.0
TOP
清除 Cookies
-
联系我们
-
网友俱乐部
-
Archiver
-
WAP