js中部分属性不能用于if条件判断

on1y_rL

于 2016-03-16 15:15:37 发布

阅读量960

点赞数

分类专栏： javascript

javascript 专栏收录该内容

8 篇文章

订阅专栏

本文通过一个简单的JavaScript示例展示了如何实现网页上图片的点击切换效果。代码中使用了window.onload事件来确保DOM完全加载后再进行操作，并通过修改图片元素的src属性来达到切换图片的目的。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
window.onload = function (){
var oImg = document.getElementById('img1');

oImg.onclick = function (){
// alert( oImg.src );
// img/1.jpg
// file:///C:/Users/Administrator/Desktop/11-4-JS1/img/1.jpg
// if( oImg.src == 'img/1.jpg' ){
// 不能做为判断条件：

// 1、所有的相对路径地址
/*
img src
href

2、颜色值：color: red #f00 rgb() rgba()
*/

if( oImg.src == 'file:///C:/Users/Administrator/Desktop/11-4-JS1/img/1.jpg' ){
oImg.src = 'img/2.jpg';
}
};
};
</script>
</head>

<body>

<img id="img1" src="img/1.jpg" width="400" />

</body>
</html>