Fatal编程技术网
  • javascript/
  • 如何在JavaScript中使用超链接？

如何在JavaScript中使用超链接？

javascript image

如何在JavaScript中使用超链接？,javascript,image,Javascript,Image,下面是我正在旋转的图像列表 如何分别链接这些图像中的每一个 从理想意义上讲，我想用这样的东西来链接下面的每个图像，我将在下面使用一个html链接： <a href="/banners/chiropractor/">banners/chiropractor.jpg></a> 这是我的完整剧本 <html> <head> <script type="text/javascript"> var interval = 2.

下面是我正在旋转的图像列表

如何分别链接这些图像中的每一个

从理想意义上讲，我想用这样的东西来链接下面的每个图像，我将在下面使用一个html链接：

<a href="/banners/chiropractor/">banners/chiropractor.jpg></a>
这是我的完整剧本

    <html>
<head>

<script type="text/javascript">
var interval = 2.5; // delay between rotating images (in seconds)
var random_display = 1; // 0 = no, 1 = yes
interval *= 1000;

var image_index = 0;
image_list = new Array();
image_list[image_index++] = new imageItem("banners/chiropractor.jpg");
image_list[image_index++] = new imageItem("banners/chiropody.jpg");
image_list[image_index++] = new imageItem("banners/fitness ball.jpg");
image_list[image_index++] = new imageItem("banners/Dietician.jpg");
image_list[image_index++] = new imageItem("banners/Alexander technique.jpg");
var number_of_image = image_list.length;
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
function generate(x, y) {
var range = y - x + 1;
return Math.floor(Math.random() * range) + x;
}
function getNextImage() {
if (random_display) {
    image_index = generate(0, number_of_image-1);
} else {
    image_index = (image_index+1) % number_of_image;
}
var new_image = get_ImageItemLocation(image_list[image_index]);
return(new_image);
}
function rotateImage(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "rotateImage('"+place+"')";
setTimeout(recur_call, interval);
}
</script>

</head>

<div>
<img name="rImage" src="banners/chiropractor.jpg" width=222 height=218>
<img name="rImage2" src="banners/chiropractor.jpg" width=222 height=218>
<img name="rImage3" src="banners/chiropractor.jpg" width=222 height=218>
<img name="rImage4" src="banners/chiropractor.jpg" width=222 height=218>
</div>

<script>
rotateImage('rImage');
rotateImage('rImage2');
rotateImage('rImage3');
rotateImage('rImage4');
</script>

</body>
</html>


var间隔=2.5；//旋转图像之间的延迟（秒）
变量随机_显示=1；//0=否，1=是
间隔*=1000；
var图像_指数=0；
image_list=新数组（）；
image_list[image_index++]=新的图像项（“banners/chiropractor.jpg”）；
image_list[image_index++]=新的imageItem（“banners/chiropody.jpg”）；
image_list[image_index++]=新的imageItem（“banners/fitness ball.jpg”）；
image_list[image_index++]=新的imageItem（“banners/Dietician.jpg”）；
image_list[image_index++]=新的imageItem（“banners/Alexander technology.jpg”）；
_image的var number_=image_list.length；
功能imageItem（图像位置）{
this.image_项=新图像（）；
this.image\u item.src=图像位置；
}
函数get_ImageItemLocation（imageObj）{
返回（imageObj.image\u item.src）
}
函数生成（x，y）{
var范围=y-x+1；
返回Math.floor（Math.random（）*range）+x；
}
函数getNextImage（）{
if（随机显示）{
图像索引=生成（0，图像编号\u-1）；
}否则{
图像索引=（图像索引+1）%图像的数量；
}
var new_image=get_ImageItemLocation（图像列表[图像索引]）；
返回（新图像）；
}
功能旋转图像（位置）{
var new_image=getNextImage（）；
文档[place].src=新的\u图像；
var recur_call=“rotateImage（'“+place+”）”；
设置超时（重复调用，间隔）；
}
rotateImage（“笠美”）；
旋转图像（“边缘2”）；
旋转图像（“边缘3”）；
旋转图像（“边缘4”）；
您的问题并不完全清楚，但如果您希望将图像转换为链接，最简单的方法是在每个图像上附加一个onClick事件处理程序，如下所示

var foo = new imageItem("banners/chiropractor.jpg");
//do whatever else you're doing with it...
foo.onclick = function(){
   self.location.href = "http://someplace.com";
   //or if you want to link to the image itself 
   self.location.href = this.src; //in this case "self" is the window and "this" is the image object.
}
你到底想干什么？是否要为每个图像添加链接或更改每个图像的源？我希望在JavaScript中包含每个图像的hypelinks，而不是div标记中的图像。从JavaScript加载图像时，我只想超链接这些图像。但从JavaScript加载的图像位于div标记中。