我所在的项目组总共有四种测试服务器加一个生产服务器：
My：个人开发用的本地服务器
team：本地项目组共享的测试服务器
DEV：远程开发测试服务器
SIT：系统集成测试服务器
Production：生产服务器
这四种都部署相同的应用，每一种服务器都需要用至少有5个URL去访问，这样我就需要在收藏夹里或者文本文件里添加25个地址。很烦难！
后来，我想了一个主意：做一个页面，放上5个不用应用的URL,再加上一个环境类型选择的下拉选择框。
<html>
<head>
<style>
td.left-nav-overview{ background:#98b1c4; }
a.left-nav-overview:link,
a.left-nav-overview:visited{ text-decoration:none; color:#fff; }
a.left-nav-overview:hover{ text-decoration:underline; color:#fff; }
td.left-nav{ background-color:#c8d7e3; vertical-align:top; }
a.left-nav:link,
a.left-nav:visited{ text-decoration:none; color:#293d6b; }
a.left-nav:hover{ text-decoration:underline; color:#293d6b; }
tr.left-nav-last{ background-color:#c8d7e3; vertical-align:top; }
</style>
<title>地址变换小工具</title>
<script language="JavaScript" type="Text/JavaScript">//<!--
var currentType="localhost";
function changeURL(selectBox){
var tempType=currentType;
currentType=selectBox.value;
var alllinks=document.links;
for(var i=0;i<alllinks.length;i++){
alllinks[i].href=alllinks[i].href.replace(tempType,currentType);
}
}
//--></script>
</head>
<body>
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center">
<tr valign="top">
<td width="150">
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr>
<td> </td>
</tr>
</table>
<table border="0" cellpadding="1" cellspacing="1" width="150">
<tr>
<td class="left-nav-overview"><a class="left-nav-overview" href="#">Home</a></td>
</tr>
<tr>
<td class="left-nav">
<a class="left-nav" href="//localhost/url_1">link_1</a>
</td>
</tr>
<tr>
<td class="left-nav">
<a class="left-nav" href="//localhost/url_2">link_2</a></td>
</tr>
<tr>
<td class="left-nav">
<a class="left-nav" href="//localhost/url_3">link_3</a></td>
</tr>
<tr>
<td class="left-nav">
<a class="left-nav" href="//localhost/url_4">link_4</a>
</td>
</tr>
<tr>
<td class="left-nav">
<a class="left-nav" href="//localhost/url_5">link_5</a>
</td>
</tr>
<tr class="left-nav-last">
<td> </td>
</tr>
</table>
<br>
<select onchange="javascript:changeURL(this)">
<option value="localhost">My</option>
<option value="teamhost">Team</option>
<option value="devhost">DEV</option>
<option value="sithost">SIT</option>
<option value="prohost">Pro</option>
</select>
</td>
<td width="10"> </td>
<td width="600">
<h1>地址变换小工具</h1>
<img src="" width="600" height="300">
</td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
python版本百度提交链接，无需token，（api.share.baidu.com），可根据路由规则自行修改，下载即用
百度站长URL提交工具可用于百度url批量提交，非常适合站长使用。...将所有需要提交的网址链接放在TXT文本里面，导入到软件内，点开始提交 提示说明：部分杀软等报毒,添加信任或白名单即可，不喜勿下
单页面聊天系统，php，无需数据库，自动生成文本记录聊天
百度链接url批量提交工具无需打码，通过post代理提交，软件中有详细说明
漂亮大气VIP会员介绍页面 html单页源码无需数据库 扒的某站漂亮大气VIP会员介绍页面 html单页源码无需数据库 刚流出的众人帮任务悬赏平台新UI版本，去除了短信注册接收验证码（当然也可以加），充值对接了Z支付个人...
html如何在刷新网页面时重定向到另一个网页或网站域名.纯前端代码,无需后台JAVA,PHP配合
在页面2中用一个下拉菜单（采用其它方式也可以）选择背景颜色，提交到页面3显示欢迎页面，背景颜色使用页面2选择的颜色，下次用户直接访问欢迎页面时，要直接显示选中的颜色，无需重新选择（判断是否已经有对应的...
百度批量提交工具无需打码永久免费
无需会flash ，无需flash 源码 直接修改flash里边的链接地址
2、在短信、邮件等内容中附上小程序链接，用户点击链接直接跳转到微信小程序指定页面上，有效降低用户操作门槛，提高营销效果。 3、支持从网页、贴吧、社区、论坛等微信APP外部页面点击链接跳转至微信小程序，实现多...
一键修改Mac网卡地址无需重启电脑,史上最强修改Mac地址工具
内含2个项目及6+静态页面（仿华为云课堂页面，仿星巴克官网）（源码+项目说明）.zip95分以上必过项目，下载即用，无需修改。小白也可实战。 内含2个项目及6+静态页面（仿华为云课堂页面，仿星巴克官网）（源码+...
内置缓存预加载机制，只要再次查看翻译后的页面，就会达到即时翻译效果，给用户页面原文是这种语言的，不是第三方翻译的印象。使用Apache - 2.0开源协议，您可以永久免费使用它。它不会影响包含您自己的网站搜索引擎...
下载无需扣分，具有一定收藏价值，特此奉献！ 目录如下。 javascript主页弹出窗口技巧.html div span layer的区别.html email地址的分割.html ENTER键可以让光标移到下一个输入框.html IE地址栏前换成自己的...
#资源达人分享计划#
无需安装Oracle，使用PLSQL远程链接Oracle，有两个客户端需下载(已提供路径)：Oracle免安装客户端，PLSQL客户端
【Debug+DOSBox】win10使用debug，设置一次即可直接使用，无需次次挂载。详细图文教程及软件，非百度云链接
验证码控件.zip 无需整个页面刷新重新获得验证码
即插即用”无需更改ip设定即可上网－－什么原理？.
IP地址切换或MAC地址切换，无需重启电脑，绿色不用安装直接使用 方便切换不同 IP 地址的网络连接，可保存多套方案 支持多网卡(包括隐藏网卡) 支持 Mac 地址的修改，无需重启 支持禁用/启用、复位网卡 支持运行常用 ...