HTML 页面查找关键词,显示高亮,代码怎么写?谢谢!!!!!!

楼主,给你一段ASP站内搜索关键词着色的代码。你看一下就明白怎么来实现了!

<!–#include file=”conn.asp”–>

<!————————————

Asp站内搜索的关键字上色!

————————————->

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />

<title>设计自己的搜索网站</title>

<style type=”text/css”>

<!–

body,td,th {

font-size: 12px;

}

–>

</style>

<script type=”text/javascript”>

function Checktext()

{

if (document.from.text.value.length == 0 )

{

alert(“搜索关键字不能为空!”);

document.from.text.focus();

return false;

}

return true;

}

</script>

</head>

<body>

<form action=”?act=search” name=”from” method=”post” onClick=”return Checktext();”>

<input name=”text” type=”text” id=”text” />

<input type=”submit” name=”Submit” value=”搜索” />

</form>

</body>

</html>

<%

function FontToColor(Str)

‘定义一个字符转换的过程

if not isnull(str) then

str = replace(str,request(“text”),”<font color=red>”request(“text”)”</font>”)

‘转换str中符合request(“text”)的字符为 <font color=red>字符</font>

FontToColor = str

end if

end function

if request(“act”)=”search” then

set rs=server.CreateObject(“adodb.recordset”)

rs.open”select * from list where text like ‘%”request(“text”)”%’ order by time desc”,conn,1,1

if rs.eof and rs.bof then

response.write”没有记录!”

response.end

else

do while not rs.eof

response.write”<table width=’600′ border=’0′ cellspacing=’0′ cellpadding=’0′><br><tr width=’600′><td>”

response.write FontToColor(rs(“text”))

‘查找rs(“text”)中包含的request(“text”)字符,并替换

response.write”</td></tr>”

rs.movenext

loop

rs.close

set rs=nothing

end if

end if

%>

html如何获取对象标签后显示高亮

在web开发中会遇到这样一个问题:当你点击某一个导航时,就让他高亮显示,其他的默认。

可以用一下两种方法解决:

1,在每一个文件中都引入头部,然后为不同的链接添加样式

缺点:比较麻烦,如果要修改样式,每个文件都要修改

2,把头部提出来,用js判断url地址,然后给当前的url加上样式(用js控制的)

<!–导航条高亮—

<!—以下是html部分,给div添加一个id–

<div class=”nav_nav”

id=”tabs_nav”

<a href=”/”

class=”active”公司首页</a<ahref=”/product/product.php”

公司简介</a<ahref=”/shop/map.php”雅酷地图</a<b</b<ahref=”/shop/shop.php”合作商户</a<ahref=”/shop/shop_search.php”商户搜索</a</div

<!—以下是js部分–

<script type=”text/javascript”

//获取div下面所有的a标签(返回节点对象)

var myNav =

document.getElementByIdx_x(“tabs_nav”).getElementsByTagName_r(“a”);

//获取当前窗口的url

var myURL = document.location.href;

//循环div下面所有的链接,

for(var i=1;i<myNav.length;i++){

//获取每一个a标签的herf属性varlinks = myNav[i].getAttribute(“href”);

var myURL =

docu…在web开发中会遇到这样一个问题:当你点击某一个导航时,就让他高亮显示,其他的默认。

可以用一下两种方法解决:

1,在每一个文件中都引入头部,然后为不同的链接添加样式

缺点:比较麻烦,如果要修改样式,每个文件都要修改

2,把头部提出来,用js判断url地址,然后给当前的url加上样式(用js控制的)

<!–导航条高亮—

<!—以下是html部分,给div添加一个id–

<div class=”nav_nav”

id=”tabs_nav”

<a href=”/”

class=”active”公司首页</a<ahref=”/product/product.php”

公司简介</a<ahref=”/shop/map.php”雅酷地图</a<b</b<ahref=”/shop/shop.php”合作商户</a<ahref=”/shop/shop_search.php”商户搜索</a</div

<!—以下是js部分–

<script type=”text/javascript”

//获取div下面所有的a标签(返回节点对象)

var myNav =

document.getElementByIdx_x(“tabs_nav”).getElementsByTagName_r(“a”);

//获取当前窗口的url

var myURL = document.location.href;

//循环div下面所有的链接,

for(var i=1;i<myNav.length;i++){

//获取每一个a标签的herf属性varlinks = myNav[i].getAttribute(“href”);

var myURL =

document.location.href;

//查看div下的链接是否包含当前窗口,如果存在,则给其添加样式

if(myURL.indexOf(links)!= -1){

myNav[i].className=”active”;

myNav[0].className=””;}}

这个很有用,以后会用到~!

如何html里使代码高亮样式

这是使用的 SyntaxHighlighter  代码高亮插件

还可以使用 富文本编辑器  如 ueditor

下面就是 ueditor 效果

<!DOCTYPE html>

<html lang=”en”>

<head>

<meta charset=”UTF-8″>

<title>Document</title>

<link rel=”stylesheet” href=”./css/style.css”>

</head>

<body>