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

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 返回值;
}

函数名();

时间: 2024-10-06 00:02:47

---------------------------------Javascript零基础到入门的相关文章

零基础快速入门web学习路线(含视频教程)

下面小编专门为广大web学习爱好者汇总了一条完整的自学线路:零基础快速入门web学习路线(含视频教程)(绝对纯干货)适合初学者的最新WEB前端学习路线汇总! 在当下来说web前端开发工程师可谓是高福利.高薪水的职业了.所以现在学习web前端开发的技术人员也是日益增多了,但是在学习web前端开发中盲目的去学习而没有一个完整的思路和学习路线也是不行的. 成为一个合格的web前端开发工程师的具备什么条件? 熟练的掌握HTML.CSS.JS.JQ等最基本的技术. 现在,只掌握这些已经远远不够了.无论是开

C#消息队列(MQ)零基础从入门到实战演练

一.课程介绍 如果您从工作中之听过但未有接触过消息对队列(MQ),如果你接触过一点关于MQ的知识,如果没有这么的多如果的话......,那么阿笨将通过本次<C#消息队列零基础从入门到实战演练>分享课让您对消息队列有一个实质性的了解和认识,达到实际的灵活贯通和运用.本次分享课您将学习到以下知识点: 1.微软MSMQ的基本使用技能以及MSMQ在WCF技术中的运用. 2.企业级RabbitMQ消息队列的两种消费模式(生产消费和发布订阅)的介绍和使用. 3.如何实现RabbitMQ客户端(Client

零基础小白入门Java免费视频教程推荐—小猿圈

Java语言作为世界上使用最多的开发语言,企业庞大的需求量让每年进入Java开发领域的人不减反增.对于零基础小白来讲如何学习Java开发语言是入门的第一个难题.本文小猿圈主要给零基础小白入门Java开发技术推荐一个靠谱的Java免费视频教程. 零基础小白入门Java免费视频教程推荐-小猿圈 关于Java基础入门视频教程的选择,网上有各种各样的解说,也有各式各样的视频教程,那么我们究竟应该如何选择Java免费视频教程呢?如何才能挑选到合适自己的Java基础入门视频教程呢? 许多想通过观看Java视

小D课堂 - 零基础入门SpringBoot2.X到实战_第1节零基础快速入门SpringBoot2.0_1、SpringBoot2.x课程介绍和高手系列知识点

1 ======================1.零基础快速入门SpringBoot2.0 5节课 =========================== 1.SpringBoot2.x课程全套介绍和高手系列知识点     简介:介绍SpringBoot2.x课程大纲章节         java基础,jdk环境,maven基础 2.SpringBoot2.x依赖环境和版本新特性说明 简介:讲解新版本依赖环境和springboot2新特性概述 1.依赖版本jdk8以上, Springboot2

零基础如何入门Python

编程零基础如何学习Python 如果你是零基础,注意是零基础,想入门编程的话,我推荐你学Python.虽然国内基本上是以C语言作为入门教学,但在麻省理工等国外大学都是以Python作为编程入门教学的. 那么如何学习Python呢? 第一步:先把刀磨好 俗话说得好,磨刀不误砍柴工,这个你不得不信,反正我信了.那么怎么磨刀呢?首先,百度一下Python,对Python有一个大概的了解,然后去官方网站下载一个Python,你最好先下载Python2.7版本,学到最后在去看Python3版本,这符合Py

零基础如何入门数据分析

作者:炼己者 欢迎大家访问 我的简书 以及 我的博客 本博客所有内容以学习.研究和分享为主,如需转载,请联系本人,标明作者和出处,并且是非商业用途,谢谢! ------ 摘要: 本文主要是基于我自己的学习路径,和大家分享如何系统的学习数据分析. 我们来看一下数据分析要掌握的技能: Excel(各种骚操作要掌握,比如VBA:会做透视表:各种公式) python,一些机器学习原理 Mysql 统计学知识 接下来分享资源 1.Excel,力推王佩丰,讲的是真的好,手把手教你 跟王佩丰学Excel视频教

salesforce 零基础开发入门学习(一)Salesforce功能介绍,IDE配置以及资源下载

https://www.cnblogs.com/zero-zyq/p/5275134.html 目前国内已经有很多公司做salesforce,但是国内相关的资料确是少之又少.上个月末跳槽去了新公司,主要做的就是salesforce,不过当时想要看一些相关资料确实比较难.为了避免想要零基础学习的人少走一点弯路,所以整理一下这几天学到的简单的东西,包括登录salesforce后如何操作,如何下载配置IDE等简单入门操作. 一)给大家一些链接方便学习,查找和提问. 1)salesforce开发者官网:

Python 零基础 快速入门 趣味教程 (咪博士 海龟绘图 turtle) 2. 变量

大家在中学就已经学过变量的概念了.例如:我们令 x = 100,则可以推出 x*2 = 200 试试下面这段 Python 代码 1 import turtle 2 3 turtle.shape("turtle") 4 x = 100 5 turtle.forward(x) 6 turtle.left(45) 7 turtle.forward(2*x) 8 9 turtle.exitonclick() 运行上面的代码,小海龟将画出下面的图案 x = 100 声明了变量 x,并将它赋值为

JavaScript基础知识----零基础js入门练习题

1,什么是Javascript? 答:Javascipt是一种脚本语言,由web浏览器进行解释和执行. 2,JavaScript是由那几个部分组成?  答:主要分为以下三种: ECMAScript : 核心 DOM : 文档对象模型 BOM : 浏览器对象模型 3,请写出两种将Javascript的应用到网页的方式   答: 方法一:将javascript代码插入html文档<head>部分的<script>标签中 例: <head> <script type=“