码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2016-12-15 20:58:55      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:程序员   插入   nod   turn   字母   方便   replace   结构   nbsp   

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

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

web前段三个层:

HTML  结构层   从语义出发,描述网页结构的

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

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

 jsjava有关系么????

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

特点:

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


函数名();

 

 

 

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

标签:程序员   插入   nod   turn   字母   方便   replace   结构   nbsp   

原文地址:http://www.cnblogs.com/chengzidea/p/6184520.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!