用HTML调用原生JS，实现网址包含相应字符串，TD背景底色为红色，内容为这个字符串
用HTML调用原生JS，实现网址包含相应字符串，TD背景底色为红色，内容为这个字符串<table><tr><td>内容1</td><td>内容2</td><td>内容3<...
用HTML调用原生JS，实现网址包含相应字符串，TD背景底色为红色，内容为这个字符串
<table>
<tr><td>内容1</td><td>内容2</td><td>内容3</td><td>内容4</td>
</tr>
</table>
如果网页网址包含aaa，则第一个td的《 内容1 》显示为a，底色变红色；如果网页网址包含bbb，则第二个td的《 内容2 》显示为b，底色变红色；如果网页网址包含ccc，则第三个td的《 内容3》显示为c，底色变红色；如果网页网址包含ddd，则第四个td的《 内容2 》显示为d，底色变红色； 。要用HTML调用JS的方法，求HTML代码和JS代码。感谢好心的大神！ 展开
<table>
<tr><td>内容1</td><td>内容2</td><td>内容3</td><td>内容4</td>
</tr>
</table>
如果网页网址包含aaa，则第一个td的《 内容1 》显示为a，底色变红色；如果网页网址包含bbb，则第二个td的《 内容2 》显示为b，底色变红色；如果网页网址包含ccc，则第三个td的《 内容3》显示为c，底色变红色；如果网页网址包含ddd，则第四个td的《 内容2 》显示为d，底色变红色； 。要用HTML调用JS的方法，求HTML代码和JS代码。感谢好心的大神！ 展开
- 你的回答被采纳后将获得：
- 系统奖励15（财富值+成长值）+难题奖励20（财富值+成长值）
1个回答
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<script>
window.onload=function(){
var href=window.location.href;
var tdArr=document.querySelector("table tr").children;
if(/aaa/i.test(href)){
tdArr[0].innerHTML="a";
tdArr[0].style.background="red";
}
if(/bbb/i.test(href)){
tdArr[1].innerHTML="b";
tdArr[1].style.background="red";
}
if(/ccc/i.test(href)){
tdArr[1].innerHTML="c";
tdArr[1].style.background="red";
}
if(/ddd/i.test(href)){
tdArr[1].innerHTML="d";
tdArr[1].style.background="red";
}
}
</script>
</head>
<body>
<table>
<tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
<td>内容4</td>
</tr>
</table>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<script>
window.onload=function(){
var href=window.location.href;
var tdArr=document.querySelector("table tr").children;
if(/aaa/i.test(href)){
tdArr[0].innerHTML="a";
tdArr[0].style.background="red";
}
if(/bbb/i.test(href)){
tdArr[1].innerHTML="b";
tdArr[1].style.background="red";
}
if(/ccc/i.test(href)){
tdArr[1].innerHTML="c";
tdArr[1].style.background="red";
}
if(/ddd/i.test(href)){
tdArr[1].innerHTML="d";
tdArr[1].style.background="red";
}
}
</script>
</head>
<body>
<table>
<tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
<td>内容4</td>
</tr>
</table>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
锐道
2025-09-24 广告
URule Pro Java 规则引擎，一款给业务人员使用的可视化商业决策规则引擎系统，打开浏览器即可开始设计业务规则；URule Pro是一款自主研发纯Java规则引擎，亦是一款国产智能风控决策引擎,可以运行在Windows、Linux、...
点击进入详情页
本回答由锐道提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
