JavaScript基础知识
Posted linuxws
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript基础知识相关的知识，希望对你有一定的参考价值。
1、Spring对象
var str1=" HELLO world "; console.log(str1) console.log(str1.length) /*字符串长度*/ console.log(str1.toLowerCase()) /*全部转换为小写*/ console.log(str1.toUpperCase()) /*全部转换为大写*/ console.log(str1.trim()) /*去字符串两端的空格*/ console.log(str1.charAt(3)) /*获取指定位置的字符串*/ console.log(str1.indexOf("L")) /*匹配到的最左边的字符*/ console.log(str1.lastIndexOf("L")) /*匹配到的最右边的字符*/ =================== var str1="welcome to the world of JS!"; console.log(str1.match("world")) //匹配字符串的数组，如果没有匹配则返回null。["L", index: 4, input: " HELLO world "] var str2=str1.match("the world") //没有这种形式：console.log(str2[1]) console.log(str2[0]) console.log(str1.search("world")) //匹配字符串的首字母位置 console.log(str1.substr(11,3)) //匹配索引为11及其之后的3个字符 console.log(str1.substring(11,14)) //匹配索引为11到14的字符 console.log(str1.slice(1,2)) //对索引为1到2氛围内的字符进行切片。 console.log(str1.replace("JS","WS")) //字符串替换 var str1="一,二,三,四,五,六,日"; console.log(str1.split(",")); var strArray=str1.split(","); //得到的是一个数组。 console.log(strArray[2]); //获取数组中索引为2的字符串。 var a = [1,2,3]; console.log(a.concat(4,5)); //拼接字符 这个会打印在console document.write(a.concat(4,5)); //这个会在屏幕上显示
节点操作
1、增加节点
<body>
<!--1、先要确定添加标签的位置 -->
<div class="box">
<h4>增加节点</h4>
</div>
<!--2、创建触发“添加标签”的事件-->
<button>ADD</button>
</body>
<script>
//1、查找标签
var ele=document.getElementsByTagName("button")[0]
var ele_box=document.getElementsByClassName("box")[0]
//2、绑定触发事件（字代码分为：1、创建标签 2、添加子标签）
ele.onclick=function(){
//创建标签
var ele_img=document.createElement("img"); // 需要触发事件才能执行完成此操作。
ele_img.src="640.jpg"; //设置节点属性
//添加子标签
ele_box.appendChild(ele_img);
}
</script>
2、删除节点：
<body>
<!--1、要删除的标签 -->
<div class="box">
<h4>标签</h4>
</div>
<!--2、触发“删除标签”事件的按钮-->
<button class="My_But_rm">remove</button>
</body>
<script>
//1、定位要删除的标签的父标签
var ele_box=document.getElementsByClassName("box")[0]
//2、定位触发事件的对象
var ele_remove=document.getElementsByClassName("My_But_rm")[0];
//3、绑定触发事件
ele_remove.onclick=function () {
//3-1：定位要删除的标签
var ele_h4=document.getElementsByTagName("h4")[0];
//3-2：执行删除操作。
ele_box.removeChild(ele_h4);
};
</script>
以上是关于JavaScript基础知识的主要内容，如果未能解决你的问题，请参考以下文章