javascript - 为什么我的js代码没有报错,但是网页中显示不出效果
本文介绍了javascript - 为什么我的js代码没有报错,但是网页中显示不出效果的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
js代码没有出现错误,但是网页中没有预想的效果
html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Image Gallery</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h1>Snapshots</h1>
<ul id="imageGallery">
<li>
<a href="image\2015m4otokzkzc5.jpg" title="ballon">Ballon</a>
</li>
<li>
<a href="image\odcimmkly1l.jpg" title="tree">Tree</a>
</li>
<li>
<a href="image\images (1).jpg" title="sea">Sea</a>
</li>
</ul>
<img id="placeholder" src="D:\html程序\image\jiu.jpg" alt="my image gallery" />
<p id="description">Choose an image.</p>
<script src="D:\html程序\002.js" type="text/javascript"></script>
</body>
</html>
js代码
window.onload = prepareGallery;
function prepareGallery(){
if(!document.getElementsByTagName)
{return false;}
if(!document.getElementById)
{return false;}
if(!document.getElementById("imageGallery"))
{return false;}
var gallery = document.getElementById("imageGallery");
var links = gallery.getElementsByTagName("a");
for(var i = 0;i < links.length;i++){
links[i].onclick = function(){
return !showPic(this);
}
}
}
function showPic(whichpic){
if(!document.getElementById)
{return false;}
var source = whichpic.getAttribute("href");
if(!document.getElementById.getElementById("placeholder"))
{return false;}
var placeholder = document.getElementById("placeholder");
if(placeholder.nodeName != "IMG")
{return false;}
placeholder.setAttribute("src",source);
if(document.getElementById("description"))
{
if(whichpic.getAttribute("title")){
var title = whichpic.getAttribute("title");
}else{
title = "";
}
var description = document.getElementById("description");
if(description.firstChild.nodeType == 3){
description.firstChild.nodeValue = title;
}
}
return true;
}
解决方案
document.getElementById.getElementById("placeholder")
点击后,此处有报错
这篇关于javascript - 为什么我的js代码没有报错,但是网页中显示不出效果的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文