제출하지 않아도 페이지의 링크 주소를 변경할 수 있습니다
My: 개인 개발용 로컬 서버
팀: 로컬 프로젝트 그룹이 공유하는 테스트 서버
DEV: 원격 개발 테스트 서버
SIT: 시스템 통합 테스트 서버
Production: 운영 서버
이 네 가지는 모두 같은 응용 프로그램을 배치하고 서버마다 최소한 5개의 URL로 접근해야 한다. 그러면 나는 즐겨찾기나 텍스트 파일에 25개의 주소를 추가해야 한다.어려워!
나중에 나는 하나의 아이디어를 생각해냈다. 페이지를 만들고 사용하지 않는 URL 5개를 놓고 환경 유형 선택의 밑에 있는 선택 상자를 넣는다.
<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>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다른 사람의 웹사이트 편집: contenteditable 및 designMode그래도 우리가 그렇게 할 수 있다고 생각하는 것은 멋진 일입니다. 제가 강조하고 싶었던 일종의 관련 API가 실제로 몇 개 있기 때문에 오늘 그것을 가져왔습니다. contenteditable는 "true" 값이 할당...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
