第二周 博客总结

这一周里我学习了 js对象的正确表示方法。

例如：

var user={
name:"Tom",
age:20,
gender:"male",
eat:function(){
alert("吃饭")
}
}
//调用格式：对象名.属性名 对象名.函数名(),
console.log(user.name);
user.eat();//  在这个里面 user就类似于对象有很多的属性。

我也学习了json对象。

jsonstr存储的是一个字符串，jsonstr.name是没有输出结果的，因为整个jsonstr是一个字符串  。

BOM对象：

1.confirm  是一个对话框 ，弹出确认与取消的两个按钮，如果点击确认则返回的是true，点击取消返回的是false的值。

2。

//定时器 --setTimeout-- 延迟指定时间执行一次
setTimeout(function(){
alert("6");
},3000); //延迟三秒

DOM 对象

1.1 获取元素-根据ID获取
var img=document.getElementById('h1');
alert(img);
​
1.2 获取元素-根据标签获取    获得的是数组
var divs=document.getElementByTagName('div');
for(let i=0;i<divs.length;i++){
    alert(divs[i]);
}
​
1.3 获取元素-根据name属性来获取  数组
var ins=document.getElementByName('hobby');
for(let i=0;i<ins.length;i++){
  alert(ins[i]);
}
​
1.4 获取元素-根据class属性获取
var  divs=document.getElementByClassName('cls');
for(let i=0;i<divs.length;i++){
    alert(divs[i]);
}

Vue 指令

<div id="app">
  <a v-bind:href="url">链接1</a>
    <a :href="url">链接2</a>
    <input type="text" v-model="url">
</div>
//script内编写
new Vue({
    el:"#app", //接管区域
    data:{
        url:"https://www.baidu.com"   //数据域中要有url的数据才行
    }
  })
  
  V-bind:为Html设置标签属性的值
  v-model:在表单元素创建数据绑定