第九十六篇：恶补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中
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
第九十六篇：恶补JS基础的更多相关文章
- Python之路【第十六篇】：Django【基础篇】
Python之路[第十六篇]:Django[基础篇] Python的WEB框架有Django.Tornado.Flask 等多种,Django相较与其他WEB框架其优势为:大而全,框架本身集成了O ...
- Egret入门学习日记 --- 第十六篇（书中 6.10~7.3节 内容）
第十六篇(书中 6.10~7.3节 内容) 昨天搞定了6.9节,今天就从6.10节开始. 其实这个蛮简单的. 这是程序员模式. 这是设计师模式. 至此,6.10节 完毕. 开始 6.11节. 有点没营 ...
- “全栈2019”Java第九十六章：抽象局部内部类详解
难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java第 ...
- 解剖SQLSERVER 第十六篇 OrcaMDF RawDatabase --MDF文件的瑞士军刀（译）
解剖SQLSERVER 第十六篇 OrcaMDF RawDatabase --MDF文件的瑞士军刀(译) http://improve.dk/orcamdf-rawdatabase-a-swiss-a ...
- 跟我学SpringCloud | 第十六篇：微服务利剑之APM平台（二）Pinpoint
目录 SpringCloud系列教程 | 第十六篇:微服务利剑之APM平台(二)Pinpoint 1. Pinpoint概述 2. Pinpoint主要特性 3. Pinpoint优势 4. Pinp ...
- Python全栈开发之路 【第六篇】：Python基础之常用模块
本节内容 模块分类: 好处: 标准库: help("modules") 查看所有python自带模块列表 第三方开源模块: 自定义模块: 模块调用: import module f ...
- Python自动化 【第十六篇】：JavaScript作用域和Dom收尾
本节内容: javascript作用域 DOM收尾 JavaScript作用域 JavaScript的作用域一直以来是前端开发中比较难以理解的知识点,对于JavaScript的作用域主要记住几句话,走 ...
- Struts2（十六篇）
(一)Struts2框架概述 (二)Struts2配置文件 (三)Struts2的Action(简单讲解版) (四)Struts2的Action(深入讲解版) (五)Struts2处理结果管理 (六) ...
- 第九十九篇:JS闭包
好家伙,总是要来的,去面对那些晦涩难懂的原理,它就在那里,等着我去搞定它 首先我要去补充一些最基本的概念, 1.什么是内存? 新华字典永远的神, 但这个解释显然不够 去看看百度百科: 内存: CP ...
随机推荐
- idea运行Tomcat出现 Address localhost:8080 is already in useAddress localhost:8080 is already in use
使用IDEA运行 tomcat时出现 Address localhost:8080 is already in use,就很奇怪,我明明只有这一个程序呀,怎么还会被占用.后来想想可能就是被其他进程占用 ...
- node开启 https线上服务你不会吗？
var https=require("https");//https服务var fs = require("fs")var express = require( ...
- SAP Web Dynpro-使用服务调用
创建服务调用后,功能模块可用于组件. 现在可以选择一个视图,以便在浏览器中显示数据库表的元素. 如果全局控制器不是组件控制器,则必须为所选视图的控制器输入全局控制器的使用页面. 之后,应该有该节点的映 ...
- WPF开发随笔收录-带递增递减按钮TextBox
一.前言 今天分享一下如何实现带递增递减按钮的TextBox控件 二.正文 1.之前的博客分享了一篇自定义XamlIcon控件的文章,这次就直接在那个项目的基础上实现今天这个自定义控件 2.首先添加两 ...
- 『现学现忘』Docker基础 — 39、实战：自定义Tomcat9镜像
目录 1.目标 2.准备 3.编写Dockerfile文件 4.构建镜像 5.启动镜像 6.验证容器是否能够访问 7.向容器中部署WEB项目,同时验证数据卷挂载 (1)准备一个简单的WEB项目 (2) ...
- Java数组的基本操作
public class Array1 { public static void main(String[] args) { int [] num={1,2,3,4,5}; System.out.pr ...
- shell 同时执行多任务下载视频
本文为博主原创,转载请注明出处: shell 脚本不支持多线程,但我们需要用shell 脚本同时跑多个任务时怎么让这些任务并发同时进行,可以采用在每个任务 后面 添加一个 & ,让其在后台运 ...
- win10设置Python程序定时运行(设置计划任务)
今天来设置一下定时执行Pycharm内的脚本: 这个要基于win10 的任务计划程序(设置 > 控制面板 > 系统和安全 > 管理工具 > 任务计划程序) 1. create ...
- 研发效能｜Kubernetes核心技术剖析和DevOps落地经验
本文主要介绍Kubernetes 的核心组件.架构.服务编排,以及在集群规模.网络&隔离.SideCar.高可用上的一些使用建议,尤其是在CICD中落地,什么是 GitOps. 通过此文可彻底 ...
- CA证书、自颁发证书、自签名证书联系
一.理论基础 ssl:secure socket layer(安全套接层协议)的缩写,通过此协议可以保证两个应用通信的可靠性和保密性.openssl:是ssl协议的实现.提供了对称加密算法.非对称加密 ...