自由设置页面全部链接的打开方式

2016-02-19 14:39 1 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的自由设置页面全部链接的打开方式教程,一起来看看吧!超容易上手~

【 tulaoshi.com - Web开发 】

现在的网页,页面美观固然重要,但是网友越来越追求操作上的简便性与实用性了,页面上的链接点击是否方便就会显得更重要了,其实主要问题是出在是否点击链接弹出窗口上,如果你事先设置好点击后的情况,网友使用时就会不太方便,现在有了更好的解决办法了,网友可以自己选择打开链接的方式了,只要一个小小的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;itemp.length;i++) //设置一个循环,可以对所有的链接起作用
{
if(temp[i].Y!=1) //Y!=1是对是否选择了input框的判断
{
if (temp[i].target=="") //如果原来的链接没有写target
{
temp[i].target=A;temp[i].Y=1} } //写入target参数,同时对input框的选择作判断
else{temp[i].target=A;} //最简单的情况时写入target
}
}
//--
/SCRIPT
A HREF="http://www.sohu.com"搜狐/ABR
A HREF="http://www.sina.com.cn"新浪网/ABR
A HREF="http://www.163.com"网易/ABR
效果演示:
 在新窗口打开
搜狐
新浪网
网易

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

二、下拉菜单链接:
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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1607463.html

延伸阅读
第一步:用鼠标右键点击我的电脑,打开资源管理器。 第二步:在菜单栏找到工具打开,然后双击文件夹选项。 第三步:双击文件夹选项后,电视文件夹选项框。 第四步:切换到文件类型,选择一个默认打开的文件程序,点击删除...
追女孩的正确方式是这样的 错误的追求套路演示: 通过和学员聊天我了解到,很多追不到妹子的学员都是这样的模式:盯着一个各种纠缠——非她不可——把自己所有的时间和精力投入进去——对方感到烦了——开始跪舔了——无果,只好下一个。 为什么会这样追女孩很难成功 很简单,当你全身心只围着一个妹子转的时候,你对妹子...
标签: 电脑入门
Docx怎么打开?这一直是让不少网友头疼的问题。其实让网友犯难的并不是不知道该用什么软件去打开docx文件,因为大家都会在第一时间用到Word,这里的问题是使用最普遍的Word 2003在这里不好使了。 Docx怎么打开?常见文件打开方式教程 Docx是Office2007,office2010之后版本使用的,是用新的基于XML的压缩文件格式取代了其目前专有的默认文...
标签: windows 操作系统
    你也许经常遇到这样的困惑:本来在用Winamp好好地听MP3音乐,可是安装了“超级解霸”后,点击MP3音乐文件的图标弹出的却是“超级解霸”。Winamp说了:明明是我先来的,凭什么你先我后?呵呵,这样的问题不仅Winamp搞不懂,也曾经或者正在困惑着许多朋友。其实类似这样的问题全部都是“文件关联”惹的祸。下面笔者就以将MP3...
我们可以通过Windowsshell.方法使用ShellExecuteAPI函数来加载文档。这个函数将自动的来判断文件的默认打开方式,并用默认的打开方式来开启文档。 以下就是ShellExecute函数的声明: PublicDeclareFunctionShellExecuteLib"shell32.dll"Alias_ "ShellExecuteA"_ (ByValhWndAsLong,ByVallpOperationAsString,_ ByV...

经验教程

839

收藏

100
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部