vue学习前提:前端基础+dom、bom+(node.js)
补充部分知识:
1.锚点连接:快速定位到页面中某个位置(类似于目录作用)
语法:<a href="#(自定义)name_a">文本内容1</a>
<h5 id=“name_a”>文本内容2
<theand>:定义表头部分
<tbody>:定义表体部分
2.部分属性:
rowspan=‘y’;//跨行合并单元格,目标单元格最上侧
colspan=‘x’;//跨列合并单元格,目标单元格最左侧
3.DOM:控制html文档的内容
获取页面元素:
document.getElementById(“id值xxx”);
修改属性值:
id.属性名 比如:id.src=“xxx.png”;
一般步骤:
1.明确获取的对象(id)是哪一个
2.查看API文档,找其中有哪些属性可以设置
修改标签体内容:
id.innerHTML=“xxxx”;
4.事件简单学习:某些组件被执行了某些操作后,触发某些代码的执行。
<script>
function function1(){
…
}
方法一:
标签内部通过 οnclick="执行的事件操作方法:
<img id=“id1” src=“xxx.png” οnclick="function1(); ">
方法二:
步骤:
1.获取对象(id)
var idname2 = document.getElementById(“id2”);
2.绑定事件
idname2.onclick = function1();
BOM(Browser Object Model):将浏览器的各个组成部分封装成对象
- window 窗口对象
特点:不需要创建可以直接使用:window.方法名();(window.可以省略),可以获取其他BOM对象,通常省略它直接调用,可以获取DOM对象
常用的方法有:
1.与弹出窗口有关的:
alert() //显示带有一段消息和一个确认按钮
confirm() //显示带有一段消息和一个确认按钮(返回true)和取消按钮(返回false)的对话框。
var flag = confirm("您确定要退出吗?");
if(flag){
alert("期待您的再次光临!")