用javascript使文本显示不同颜色

用javascript使文本显示不同颜色,第1张

看看符合要求不

<script type="text/javascript">

//不用switch

documentwrite('不用switch<br />');

var colorArr=['#ff0000','#00ff00','#0000ff'],

str='欢迎光临我们学校的网站';

for(var i=0;i<9;i++){

documentwrite('<font color="'+colorArr[i%3]+'">'+str+'</font><br />');

}

//用switch

documentwrite('用switch<br />');

var color=[,'#00ff00','#0000ff'],

str='欢迎光临我们学校的网站';

for(var i=0;i<9;i++){

switch (i%3){

case 0:

color='#ff0000';

break;

case 1:

color='#00ff00';

break;

case 2:

color='#0000ff';

break;

}

documentwrite('<font color="'+color+'">'+str+'</font><br />');

}

</script>

js改变字体的颜色是用的“color”属性,xmlHttpopen("GET",URL,true)是设置ajax的请求地址和请求方式,不能去掉。

1、新建html文档,在body标签中添加p标签,标签内容是“演示文本”,这时字体的默认颜色是黑色的:

2、为了方便获取到这个p标签,给p标签添加上id,这里以“demo”为例:

3、添加script标签,在js标签中输入代码“documentgetElementById('demo')stylecolor = '#f00'; ”,这样文本的字体颜色就变成了红色:

<script language="javascript">

var a1="1234567123432146471234"

var a2=a1replace(/(1234)$/,"<b>$1</b>")

alert(a2);

</script>

也可以写成函数形式

<script language="javascript">

var a1="1234567123432146471234"

function HighLight(TmpStr,PatStr,ReplStr){

//alert(TmpStr)

var TmpStr=TmpStr

TmpStr= TmpStrreplace(PatStr,ReplStr);

return TmpStr;

}

alert(HighLight(a1,/(1234)$/,"<b>$1</b>"));

</script>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN" "http://wwww3org/TR/html4/loosedtd">

<html>

 <head>

  <title> New Document </title>

  <meta name="Generator" content="EditPlus">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

 </head>

<script type="text/javascript">

<!--

windowonload = function(){

var words = documentgetElementById('words');

var html = wordsinnerTextreplace(/(\S)/g,function(key){

var r = parseInt(Mathrandom()  255);

var g= parseInt(Mathrandom()  255);

var b = parseInt(Mathrandom()  255);

var color = 'rgb('+r+','+g+','+b+')';

return '<font color="'+color+'">' + key + '</font>';

});

wordsinnerHTML = html;

}

//-->

</script>

 <body>

  <div id="words">这是一行彩色文字,每次刷新颜色都会不同!<div>

 </body>

</html>

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/12188102.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存