无需提交就可以改变页面内的链接地址

最新推荐文章于 2024-05-04 20:10:24 发布

bravewu

最新推荐文章于 2024-05-04 20:10:24 发布

阅读量404

点赞数

文章标签：服务器 javascript 测试 html border 工具

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/bravewu/article/details/3950305

版权

我所在的项目组总共有四种测试服务器加一个生产服务器：
My：个人开发用的本地服务器
team：本地项目组共享的测试服务器
DEV：远程开发测试服务器
SIT：系统集成测试服务器
Production：生产服务器

这四种都部署相同的应用，每一种服务器都需要用至少有5个URL去访问，这样我就需要在收藏夹里或者文本文件里添加25个地址。很烦难！

后来，我想了一个主意：做一个页面，放上5个不用应用的URL,再加上一个环境类型选择的下拉选择框。

Html代码

复制代码

<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>

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
无需提交就可以改变页面内的链接地址

我所在的项目组总共有四种测试服务器加一个生产服务器： My：个人开发用的本地服务器 team：本地项目组共享的测试服务器 DEV：远程开发测试服务器 SIT：系统集成测试服务器 Production：生产服务器这四种都部署相同的应用，每一种服务器都需要用至少有5个URL去访问，这样我就需要在收藏夹里或者文本文件里添加25个地址。很烦难！后来，我想了一个主意：做一个页面，放上5个不用应用的UR
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。