1、JavaScript获取对象
document.getElementsByTagName("")//通过TagName来获取对象,此方式为通过HTML标签名来获取此组标签对象
document.getElementByID('')//通过ID来获取对象,此方式通过ID名来获取某个对象
document.getElementsByClassName('')//通过class名来获取一组对象
2、JavaScript中字符串的各种应用
document.write(a.charAt(0));//输出字符串a中的第0个元素
document.write(a.charCodeAt(0));//将字符串a中的下标为0的元素变成字符编码
document.write(string.fromCharCode(20170));//将第20170个字符编码转换为汉字
document.write(a.indexOf("?"))//找出字符串a中?是第几个字符
document.write(a.lastIndexOf("?"))//(从后往前找)找出字符串a中?是第几个字符
document.write(b.substring(7));//此处的7代表截取几个字符
document.write(b.substring(0,20));//如果该方法有2个参数,则代表从第一个参数位置开始,截取到第二个参数的位置
document.write(b.substring(-15,20));//如果第一个参数是负数,那么就会自动转化为0,也就是从第一个字符开始
document.write(b.substring(15,-20));//如果第二个参数为负数,那么就会自动与第一个参数交换位置,并且转化为0
document.write(b.substring(0,20));//如果该方法有2个参数,则代表从第一个参数位置开始,截取到第二个参数的位置
document.write(b.substring(-15,20));//如果第一个参数是负数,那么就会自动转化为0,也就是从第一个字符开始
document.write(b.substring(15,-20));//如果第二个参数为负数,那么就会自动与第一个参数交换位置,并且转化为0
document.write(b.substr(0,4);//表示从第一个参数位置开始截取(第二个参数)个字符
document.write(c.slice(0));//一个参数表示从字符串的第几位开始截取
document.write(c.slice(0,20));//如果该方法有2个参数,则代表从第一个参数开始,截取到第二个参数的位置
document.write(c.slice(-10));//参数为负,表示从字符串末尾开始截取多少位
ex:用字符串的应用实现查找和替换文章中的部分字符
- <!DOCTYPE html>
- <html>
- <head>
- <title>查找替换</title>
- <meta charset=utf-8>
- <style>
- *{margin: 0;padding: 0;}
- body{font-family:"微软雅黑";}
- button{width:80px;height:40px;font-size:20px;}
- .active{background: orange;color:#fff;font-weight:bold;}
- #container{width:600px;overflow:hidden;border:15px solid #000;font-size:20px;margin:0 auto;background:#999;}
- #container span{display:block;padding:20px;}
- #container #box{width:400px;margin-left:20px;margin-top:-30px;margin-bottom:10px;}
- </style>
- <script>
- window.onload=function(){
- var obtn=document.getElementsByTagName("button");
- var op=document.getElementsByTagName("p");
- var oinput=document.getElementsByTagName("input");
- var ospan=document.getElementsByTagName("span");
- op[1].style.display="none";
- obtn[0].onclick=function(){
- for(i=0;i<obtn.length;i++)
- {obtn[i].className="";}
- this.className="active";
- op[1].style.display="none";
- op[0].style.display="block";
- }
- obtn[1].onclick=function(){
- for(i=0;i<obtn.length;i++)
- {obtn[i].className="";}
- this.className="active";
- op[0].style.display="none";
- op[1].style.display="block";
- }
- oinput[1].onclick=function(){
- if(oinput[0].value==""){//简单的验证
- alert("请输入内容")
- }
- str=oinput[0].value;
- //alert(str);
- var ospan=document.getElementsByTagName("span")[0];
- var oospan=ospan.innerHTML;
- if(oospan.indexOf(str)!=-1){
- var newinnerHTML=oospan.split(str);
- //alert(newinnerHTML);
- //alert(newinnerHTML.join("<mark>"+str+"</mark>"));
- ospan.innerHTML=newinnerHTML.join("<mark>"+str+"</mark>");
- }
- }
- oinput[4].onclick=function(){
- if(oinput[2].value==""||oinput[3].value==""){//简单的验证
- alert("请输入内容")
- }
- str2=oinput[2].value;str3=oinput[3].value;
- var ospan=document.getElementsByTagName("span")[0];
- var oospan=ospan.innerHTML;
- if(oospan.indexOf(str2)!=-1){
- var newinnerHTML=oospan.split(str2);
- //alert(newinnerHTML);
- ospan.innerHTML=newinnerHTML.join(str3);
- }
- }
- }
- </script>
- </head>
- <body>
- <div id="container">
- <span>教养和文化是两回事,有的人很有文化,但是很没教养,有的人没有什么太高的学历和学识,但仍然很有教养,很有分寸。教养是带有某种天生的素质和一点一滴的积累。人生那么长,未知的东西那么多。人与人之间的关系往往是相互的,与人为善,也是与自己为善。让自己更平和一点,更豁达一点,对于身边的过错,让自己更宽容一点。人人都有他的难处,何必强求于人。人生在世,行路匆匆,生活充满变数,时而乐极生悲,时而苦尽甘来,一切不必较真,只须笃定前行。要敢于认错,既然错了,就要纠正,虚假是味毒药,真实能帮你把失去的赢回来;要敢于担当,回避不是办法。人出生时,是一块质朴的石块,有棱有角,生气勃勃。但是,在生活无情的打磨中,人生慢慢被磨去棱角,变得圆滑而世故。要做坚守在悬崖峭壁上石块,勇敢忍受风霜的雕刻,永远保留自己的棱角。不要做河流里的石头,享受微波多情的抚摸,最后变成一块光亮的鹅卵石。</span></br>
- <div id="box">
- <button>查找</button>
- <button>替换</button>
- <p><input type="text"><input type="button" value="查找"></p>
- <p><input type="text"><input type="text"><input type="button" value="替换"></p>
- </div>
- </div>
- </body>
- </html>