求一段JS代码!能让链接直接调用JS函数达到管理链接地址的目的html (大概代码如下,dz(1)是个JS函数,HTML这里怎么写不会- -!只是个例子)
<a href=href="dz(1)" target="_blank">一</a>
<a href=href="dz(2)" target="_blank">二</a>
<a href=href="dz(3)" target="_blank">三</a>
<a href=href="dz(4)" target="_blank">四</a>JS (这只是个例子,具体该怎么写我不会)
function dz(i){
var url1 = "http://www.xxx.com/1.html"
var url2 = "http://www.xxx.com/2.html"
var url3 = "http://www.xxx.com/3.html"
var url4 = "http://www.xxx.com/4.html"
......................
}求各位大侠帮帮忙,就是想用这个JS管理url地址而已,每次只要在JS改地址就行。拜谢
<a href=href="dz(1)" target="_blank">一</a>
<a href=href="dz(2)" target="_blank">二</a>
<a href=href="dz(3)" target="_blank">三</a>
<a href=href="dz(4)" target="_blank">四</a>JS (这只是个例子,具体该怎么写我不会)
function dz(i){
var url1 = "http://www.xxx.com/1.html"
var url2 = "http://www.xxx.com/2.html"
var url3 = "http://www.xxx.com/3.html"
var url4 = "http://www.xxx.com/4.html"
......................
}求各位大侠帮帮忙,就是想用这个JS管理url地址而已,每次只要在JS改地址就行。拜谢
<a href="javascript:dz(0)">0</a>function dz(i) {
var url1 = ["", "", ...];
window.open(url[i]);
}
<html>
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var t_div = $("div");
var t_a = $("a");
var t_input = $("input");
$(t_input).hide(); //先隐藏所有输入框
t_div.click(function(){
var index = t_div.index($(this)); //index指向当前
$(t_input.get(index)).show();
var inpt = $(t_input.get(index));
var chk = $(t_a.get(index));
$(chk).click(function(){
var tt=$(inpt).val();
$(chk).attr({ href: tt, target: "_blank" });
});
});
});
</script>
</head>
<body>
<div><a href="" target="">link1</a> <input type="text" value=""></input> 修改</div>
<div><a href="" target="">link2</a> <input type="text" value=""></input> 修改</div>
<div><a href="" target="">link3</a> <input type="text" value=""></input> 修改</div>
<div><a href="" target="">link4</a> <input type="text" value=""></input> 修改</div>
<p>点“修改”弹出修改地址框,输入url后,再点连接,跳转到刚才出入的网页
</body>
</html>应该是你想要的那种效果。
<head>
<script type="text/javascript">
var getConfig = function(){
return {
url_a : 'http://www.baidu.com',
url_b : 'http://www.google.com',
url_c : 'http://www.csdn.net'
};
}; function getUrl(tag){
if(tag=='a') window.location.href = getConfig().url_a;
if(tag=='b') window.location.href = getConfig().url_b;
if(tag=='c') window.location.href = getConfig().url_c;
}
</script>
</head>
<body>
<a href="#" onclick="getUrl('a')">百度</a>
<a href="#" onclick="getUrl('b')">谷歌</a>
<a href="#" onclick="getUrl('c')">CSDN</a>
</body>
</html>
<head>
</head>
<body>
<script type="text/javascript">
var links=[
[ '我的 百度', 'http://www.baidu.com'],
[ '你的 中行', 'http://www.boc.com'],
[ '工行', 'http://www.icbc.com'],
[ '农行', 'http://www.abcchina.com'],
[ '建行', 'http://www.ccb.com']
]
for( var i in links){
j=links[i];
document.write('<a href="'+j[1]+'" target="_blank">'+j[0]+'</a><BR>');
}
</script>
</body>
</html>
喜欢用jQuery的话:
<html>
<script type="text/javascript" src="js/jquery.js"></script>
<body>
<div id=hh></div>
</body>
<script>
$(function(){
$("#hh").each( function() {
for( var i in links=[
[ '我的 百度', 'http://www.baidu.com'],
[ '你的 中行', 'http://www.boc.com'],
[ '工行', 'http://www.icbc.com'],
[ '农行', 'http://www.abcchina.com'],
[ '建行', 'http://www.ccb.com']
]){
row=links[i];
$("<a>").attr("href", row[1]).text( row[0]).after("<BR>").appendTo( this);
}
})
})
</script>
</html>
var url1 = "http://www.xxx.com/1.html"
var url2 = "http://www.xxx.com/2.html"
var url3 = "http://www.xxx.com/3.html"
var url4 = "http://www.xxx.com/4.html"
switch(i){
case 1 : return url1;break;
case 2 : return url2;break;
default :
return url;
}
}