首页 > 代码库 > ---------------------------------Javascript零基础到入门
---------------------------------Javascript零基础到入门
Javascript又称JS,是一种脚本语言。用来制作web页面的交互效果,提升用户的体验的。
小广告、轮播图、tab按钮组、瀑布流。。。。。。。。。。都是他来做的
web前段三个层:
HTML 结构层 从语义出发,描述网页结构的
CSS 样式层 从审美出发,美化页面
JAVAScript 行为层 从交互出发,提升用户的体验
js和java有关系么????
个人认为没有关系,完全没有关系。当时就是为了吸引程序员的注意。刚开始的时候属于页面“牛皮癣”,制作小广告、弹窗、漂浮广告。
特点:
(1)对新手最友好的语言,因为简单
(2)不需要关系除了交互以外的其他事,比如内存的释放、指针的问题。
主要内容:
JS的基础和语法
DOM操作:JS操控标签
Node.js
(1)JS的格式写法
页内样式:可以写在html里面
外部链接样式:例如Jquary框架,方便代码的移植 <script src="http://www.mamicode.com/路径">
(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 返回值;
}
函数名();
---------------------------------Javascript零基础到入门