---------------------------------Javascript零基础到入门

Posted 2020-08-23

javascript又称JS，是一种脚本语言。用来制作web页面的交互效果，提升用户的体验的。

小广告、轮播图、tab按钮组、瀑布流。。。。。。。。。。都是他来做的

web前段三个层：

html  结构层   从语义出发，描述网页结构的

CSS    样式层  从审美出发，美化页面

JAVAScript  行为层 从交互出发，提升用户的体验

 js和java有关系么？？？？

个人认为没有关系，完全没有关系。当时就是为了吸引程序员的注意。刚开始的时候属于页面“牛皮癣”,制作小广告、弹窗、漂浮广告。

特点：

（1）对新手最友好的语言，因为简单

（2）不需要关系除了交互以外的其他事，比如内存的释放、指针的问题。

 主要内容：

 JS的基础和语法

 DOM操作：JS操控标签

 Node.js

（1）JS的格式写法
页内样式：可以写在html里面
外部链接样式：例如Jquary框架，方便代码的移植 <script src="路径">
（2）JS杂项
警告框 alert();
输入框 prompt()；
控制台输出console.log();
注释 //JS /*css、JS*/ <!--hTML-->
(3)变量：存储数据的容器
命名规范：（1）只能是字母开头
（2）_和$也可以开头，但是不推荐，只能出现_和$，其他特殊符号不能出现
（3）变量区分大小写 a 和 A 不是一个变量
var来声明变量的，但是实际上变量是有区别的 函数parseInt将变量转成整形
（4）+ 有连字符的功能，
a+12 = a12 字符串
1+1 = 2 数字
1+1+a = 2a字符串
a+1+1 = a11 字符串

/没有整除效果。
%有取余效果
a++，a先参与运算，结束后加一 ++a，先加一，在参与运算
a--, --a，
（5）关系运算
> < >= <= == !=
(6)逻辑运算
&& 真真为真 有假为假
|| 有真则真
！ 真变假 假变真
（7）练笔写法
10<a<20
(a>10)&&(a<20)

(8)选择分支
IF:灵活多变，擅长复杂情况分支和多种组合使用
switch：准确检索分支，效率高

（9）循环
while： 先判断，满足条件，循环
do-while：先执行一次，再判断是否继续循环

注意：重点难点；DOM操作

1.获得标签
document.getElementByID()----->单个
document.getElemnetsByClassName()---->数组
document.getElemnentsByTagName()----->数组

2.H5新方法

documnet.querySelector()；-----》 ID CLASS 标签 获得的是单个的标签
document.querySelectorAll();---->数组 class 标签

3.增加
1.创建
dovument.createElement();

2.添加
X.parentNode.appendChild();

3.删除
X.parentNode.removeChild();

4.替换
X.parentNode.replace();

5.插入
X.paremtNode.insertBefore();

2.替换标签
1.找到被替换的对象

2.创建元素
document.createElement();

3.找到父标签
parentNode.replace(替换的元素，被替换的元素);

3.创建标签
document.createElement()

4.删除/增加

父标签.removeChild()
父标签.appendChild()
父标签.insertBefore(插入的元素，在哪个元素之前);

 

函数的结构

function 函数名（）{

 

return 返回值；
}

函数名（）；