html点击按钮,根据页面上是否有某些图片进行评分
时间: 2024-03-04 18:48:50 浏览: 24
要实现这个功能,你可以使用JavaScript来检查页面上是否存在特定的图片,然后根据存在的图片数量进行评分。
以下是一个简单的示例:
```html
<button onclick="ratePage()">评分</button>
<script>
function ratePage() {
var images = document.getElementsByTagName('img');
var imageCount = 0;
for (var i = 0; i < images.length; i++) {
if (images[i].src.indexOf('example.com/image') >= 0) {
imageCount++;
}
}
var rating = '';
if (imageCount == 0) {
rating = '0星';
} else if (imageCount == 1) {
rating = '1星';
} else if (imageCount == 2) {
rating = '2星';
} else if (imageCount == 3) {
rating = '3星';
} else {
rating = '4星或以上';
}
alert('评分:' + rating);
}
</script>
```
上面的代码使用getElementsByTagName()方法获取页面上的所有img元素,并检查它们的src属性是否包含字符串"example.com/image"。如果某个img元素的src属性包含该字符串,就将imageCount加1。然后,代码根据imageCount的值来确定评分,并在弹窗中显示评分结果。
请注意,这个例子只是一个简单的示例,实际应用中可能需要更复杂的算法来确定评分。