第九十六篇:恶补JS基础
好家伙,来补基础啦,补JS的基础
先来一些概念性的东西
1.什么是JavaScript?
javaScript的简写形式就是JS,一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能
(其编写的程序可以被嵌入到HTML或XML页面中,并直接在浏览器中解释执行)。
组成部分:
核心(ECMAScript)、文档对象模型(Document Object Model,简称DOM)、
浏览器对象模型(Browser Object Model,简称BOM)
2.JS和jQuery区别?
jQuery是js的一个框架,各有各的功能,若js是父亲的话,jquery就是儿子
jQuery是当前很流行的一个JavaScript框架,使用类似于CSS的选择器,
可以方便的操作HTML元素,拥有很好的可扩展性,拥有不少插件。
3.构造方法constructor
这是JS的构造方法,他就一定要模仿java,
一定要模仿面向对象,一定要有构造函数,
constructor就是JS的构造函数.
class Gouzao {
constructor() {
this.name = '我是构造方法';
}
}
const gouzao = new Gouzao();
越看越像JAVA
4.HTML DOM document.getElementById方法
<body>
名称: <input type="text" id="myText" value="Mickey">
<p>点击按钮修改文本域的值。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction() {
document.getElementById("myText").value = "Johnny Bravo";
}
</script>
</body>
(例子来自菜鸟教程)
然后拿到他的值,就可以把它改掉了
5.HTML DOM document.createElement方法
Document.createElement()
方法用于创建一个由标签名称 tagName 指定的 HTML 元素。<body>
<p id="demo">单击按钮创建button元素</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var btn=document.createElement("button");
document.body.appendChild(btn);
};
</script>
</body>
使用document.createElement方法创建button元素
随后把它添加到body中
![](https://img2022.cnblogs.com/blog/2501855/202207/2501855-20220701234535192-605647268.gif)
6.append方法
append() 方法在被选元素的结尾插入指定内容。
append(),在父级最后追加一个子元素
一. 在使用jquery时,可以用append()方法实现在被选元素的结尾插入指定内容。
$(A).append(B),
content为必需的。规定要插入的内容(可包含 HTML 标签)
二.在使用原生js时,使用appendChild() 方法可向节点的子节点列表的末尾添加新的子节点,
A.appendChild(B);
B没有引号包住,B参数,是node类型。
添加元素,要使用document.body.appendChild(child).
在上面的例子中可以看到
That's all