html点击按钮,根据是否得出过图片进行评分
时间: 2023-07-12 18:26:48 浏览: 39
要实现这个功能,你可以使用JavaScript来检查页面上是否有特定的图片,并根据其是否被访问过来进行评分。
以下是一个示例:
```html
<button onclick="ratePage()">评分</button>
<script>
function ratePage() {
var images = document.getElementsByTagName('img');
var visitedImages = 0;
for (var i = 0; i < images.length; i++) {
if (images[i].src.indexOf('example.com/image') >= 0) {
if (images[i].complete && images[i].naturalHeight !== 0) {
visitedImages++;
}
}
}
var rating = '';
if (visitedImages == 0) {
rating = '0星';
} else if (visitedImages == 1) {
rating = '1星';
} else if (visitedImages == 2) {
rating = '2星';
} else if (visitedImages == 3) {
rating = '3星';
} else {
rating = '4星或以上';
}
alert('评分:' + rating);
}
</script>
```
上面的代码使用getElementsByTagName()方法获取页面上的所有img元素,并检查它们的src属性是否包含字符串"example.com/image"。如果某个img元素的src属性包含该字符串,并且它已经被访问过(即已经加载完成并且具有非零的自然高度),就将visitedImages加1。然后,代码根据visitedImages的值来确定评分,并在弹窗中显示评分结果。
请注意,这个例子只是一个简单的示例,实际应用中可能需要更复杂的算法来确定评分。