js的String对象

来源:互联网 发布:flac音频编辑软件 编辑:程序博客网 时间:2024/06/06 17:41

建议把script标签放在</body>后面

如果说现在有这样一个需求获取到input值,如果把script标签放在head里面,会出现问题,html解析是从上到下的,因为页面还没解析到哪一行肯定取不到

<html><head><title>黑马程序</title><style type="text/css"></style></head><body><input type="text" name="name" id="nameid" value="aaa"/></body><script type="text/javascript">var input1=document.getElementById("nameid");//通过id得到元素的值alert(input1.value);</script></html>

css:

css的基本选择器:1.标签选择器div{css},2.class选择器   .名称{]} 3.id选择器    #名称{}

css的扩展选择器:1、关联选择器  :嵌套标签的样式设置

   2。组合选择器 :不同标签设置相同的样式

   3.为元素选择器  :a标签的状态

盒子模型:边框  Border上下左右  2。内边距  3.外边距margin

漂浮:float:left right

定位:position:absolut   relative

1.js的string对象

创建string对象  var str="abc";

方法和属性(文档w3c)

length:字符串的长度

1、与html相关的方法:bold();fontsize();设置字体大小,link方法:吧字符显示成超链接,sub设置上标,sup设置下标

<body><script type="text/javascript">var str="abc";alert(str.length);document.write("<hr/>");var str1="adcda";document.write(str1.bold());document.write("<hr/>");var str2="sdadfa";document.write(str2.fontsize(3));document.write("<hr/>");var str4="dad";document.write(str4.link("a.html"));document.write("<hr/>");var s1="100";var s2="200";var s3="300";document.write(s1.sub());document.write(s3);document.write(s2.sup());</script></body>


2、与Java相似的方法:

concat();:链接字符串

charAt()  :返回指定位置的字符串

indexOf()  :返回字符串位置

split()   :切分字符串切分成数组

replace()   :替换字符串,传递两个参数,第一个原始的字符,第二个要替换成的

substr()和substring()  :

<body><script type="text/javascript">var str1="abc";var str2="def";document.write(str1.concat(str2));document.write("<hr/>");var str3="adfaas";document.write(str3.charAt(0));//如果字符位置不存在则返回空字符串document.write("<hr/>");var str4="dabcad";document.write(str4.indexOf("a"));//如果字符不存在返回-1document.write("<hr/>");var str5="a-b-c-d";var arr1=str5.split("-");document.write("length="+arr1.length);document.write("<hr/>");var str6="adcadd";document.write(str6.replace("a","q"));document.write("<hr/>");var str7="abcdefghilk";document.write(str7.substr(5,3));//从低5为开始,向后截取3个字符document.write("<br/>");document.write(str7.substring(5,3));//从第几位开始到第几位结束,[]</script></body>