JavaScript对象的获取以及字符串的基本应用

来源：互联网发布：自动拨号软件编辑：程序博客网时间：2024/06/05 06:31

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.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>

阅读全文

0 0