今天学习了javascript的一些基础，我也是简单了解了一下它的数据类型，数组，字典，循环，条件语句和函数的基础用法，但是在csdn上也找到了其他博主写的东西，写的也真的很好，在这里我建议去看学习JavaScript这一篇就够了_轻松的小希的博客-CSDN博客_javascript学习资料
这一篇博客，我要是写的话可能写的并不是很好，在这里吧今天写的一点实例和笔记简单记录一下
目录
变量、数组和字典
var name= "huhu"; //定义变量
console.log(name); //输出变量
var v1 = name[0]; //取到h name.charAt(0)
var v3 = name.trim(); //去除空白，取出新字符串
var v4 = name.substring(0,2) //取变量的值，前取后不取
var v1 = [11,22,33,44]
var v2 = Array[11,22,33,44]
v1[1] //获取值
v1[0] = "huhu" //修改
v1.push("huhu") //在尾部追加
v1.unshift("huhu) //在前边添加
v1.splice(索引,0,元素) //精确添加数据
v1.pop() //尾部删除
v1.shift() //头部删除
v1.splice(索引位置,1) //指定位置删除//数组循环
var v1 = [11,22,33,44]
for(var idx in v1){
data = v1[idx]
}
for(var i=0;i<v1.length;i++){
console.log(i)
}循环和条件语句
//条件语句
if(条件){
}else{
}
//第二种
if(条件{
})else if(条件){
}else if(条件){}循环语句
for(var key in info){
data = info(key);
}如果使用这种data = info(key) 则会拿到他的键，要么可以直接输出它console.log（）
DOM初探
DOM 相当于一个模块，对html中的标签进行操作
var tag = document.getElementById("xxx");//跟根据id获取标签
tag.innerText //获取标签中的文本
tag.innerText = "hhhh" //修改标签中的文本
var tag = document.createElement("div");//创建标签
tag.appendChild(Tag)//把写的内容填加到标签里实例
这里是实现一个用户输入系统，在用户输入之后可以将输入的东西显示出来，并且在输入空的时候会弹窗提示为空
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" placeholder="请输入内容" id="huhu">
<input type="button" value="点击添加" onclick="addCityInfo()">
<ul id="city">
</ul>
<script type="text/javascript">
function addCityInfo(){
//找到输入标签
var txt_tag = document.getElementById("huhu");
//获取input中用户输入的内容
var new_string = txt_tag.value;
//判断用户输入是否为空
if(new_string.length>0){
//创建标签，<li>中间的文本就是用户输入内容
var newtag = document.createElement("li");
newtag.innerText = new_string;
//不是标签添加ul中
var parentTag = document.getElementById("city");
parentTag.appendChild(newtag);
//将input栏清空
txt_tag.value = "";
}else{
alert("输入不能为空")
}
}
</script>
</body>
</html>输出效果
版权声明：本文为weixin_63997211原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。