写在前面:
不管容易还是简单
总要尝试才知道答案
 
 
1、JavaScript初探
 
JavaScript:轻量级脚本语言,是可插入HTML页面的编程代码。
将JavaScript插入HTML页面后,可由所有的现代浏览器执行。
 
2、对变量进行声明
var mood,age;
var mood;
var age;
var mood = "happy";
var age = 33;
var mood = "happy",age = 33;
 
 
JavaScript不需要进行类型声明,因此它时一种弱类型(weekly typed)
 
①字符串
单引号与双引号毫无区别,若字符串中包含单引号,则一般使用双引号。
var mood = "don't ask";
若要使用单引号,则需要对特殊符号进行转义:
var mood = 'don\'t ask';
作为一个好的编程习惯,不管选择用双引号还是单引号,都应当在整个脚本中保持一致。
 
②数值
如果想给一个变量赋数值,不用限定它必须是一个整数,JavaScript允许使用带小数点的数值,并且允许任意位小数,这样的数成为浮点数(floating-point number):
 
var age = 33.25;
var temperature = -20;
var temperature = -20.3333333
③布尔值
另一种重要的数据类型时布尔(boolean)类型
var sleeping = true;
 
var married = true;
 
④数组
 
字符串、数组和布尔值都有标量(scalar),如果某个变量时标量,它在任意时刻都只能有一个值,若需
var beatles = Array(4);
 
无法预知某个数组有多少个元素,JavaScript根本不要求在声明数组时必须给出元素个数时,可以在声明数组时不给出元素个数:
var beatles = Array();
 
根据这个位置都有这个元素的下标(index),数组里一个元素的一个下标,下标必须用方括号括起来:
 
array[index] = element;
声明方式:
(1)
var beatles = Array(4);
beatles[0] = "John";
beatles[1] = "Paul";
beatles[2] = "George";
beatles[3] = "Ringo";
(2)
var beatles = Array("John","Paul","George","Ringo");
var years = [1940,1941,1942,1942];
var lennon = ["John",1940,false];
数组中还可以存储
var lennon = Array();
lennon["name"] = "John";
lennon["year"] = 1940
lennon["living"]= false
 
⑤对象
 
var lennon = {name:"John",year:1940,living:false};
用对象来代替传统数组,可以通过元素的名称而不是下标数字来引用它们,大大提高了脚本的可读性。
 
3、操作
 
①算数操作符
 
+
相加或字符串拼接
在数值与
 
4、nodeType
 
nodeType属性总共有12种可选值,但其中仅有3种,它们是:元素节点(1),属性节点(2),文本节点(3)。
5、学习JavaScript/前端应当注意:
 
①平稳退化
借鉴CSS,在禁用了JavaScript的情况下也能正确显示
②合理分离
将JavaScript与表现分离
③向后兼容
④性能考虑
 
6、同源协议
①定义及用处
协议相同
域名相同
端口相同
用途:信息安全
 
②限制范围:
(1)Cookie、LocalStorage、IndexDB无法读取
(2)DOM无法获得
(3)AJAX请求不能发送
 
7、CSS-DOM
①三位一体的网页
 
我们在浏览器中看到的网页其实是由结构层、表示层、行为层三者构为一体的。1
结构层(structural layer)由HTML或XHTML之类的标记语言负责创建,使用标签负责创建网页。
表示层(presentation layer)由CSS负责完成。
行为层(behavior layer)负责内容应该如何响应事件这一问题。
 
②分离
在所有的产品设计活动中,选择最使用的工具去解决问题时最基本的原则,
 

JavaScript编程入门的更多相关文章

  1. JavaScript Dom入门

    好像代码太杂了,博客园里跑不起来,单独复制到html中本地测试都是没有问题的. JavaScript JavaScript 是属于 web 的语言,它适用于 PC.笔记本电脑.平板电脑和移动电话. J ...

  2. cesium编程入门(一)cesium简介

    cesium编程入门 cesium是什么 Cesium 是一个跨平台.跨浏览器的展示三维地球和地图的 javascript 库. Cesium 使用WebGL 来进行硬件加速图形,使用时不需要任何插件 ...

  3. 《javascript经典入门》-day01

    <javascript经典入门>-day01 1.了解JavaScript 01.浏览器每次加载和显示页面时,都在内存里创建页面及其全部元素的一个内部表示体系,,也就是DOM.在DOM里, ...

  4. 《JavaScript编程实战》

    <JavaScript编程实战> 基本信息 原书名:JavaScript programming: pushing the limits 作者: (美)Jon Raasch 译者: 吴海星 ...

  5. HttpClient学习之 客户端HTTP编程入门

    说明 本文存在的原因,是想深入的学习下HttpClient.对应的网址是: http://hc.apache.org/httpcomponents-client-4.5.x/primer.html h ...

  6. HTML5 & CSS3编程入门经典 ((美)Rob Larsen) pdf扫描版

    HTML和CSS是构建网页所需要了解的两种核心编程语言,拉尔森编著的这本<HTML5&CSS3编程入门经典>详细介绍了这两种语言. <HTML5&CSS3编程入门经典 ...

  7. 《转载》编程入门指南 v1.4

    编程入门指南 v1.4 Badger · 8 个月前 作者:@萧井陌, @Badger 自由转载-非商用-非衍生-保持署名 | Creative Commons BY-NC-ND 3.0 CoCode ...

  8. JavaScript基本入门02

    目录 JavaScript基础入门 02 条件语句 if 语句 if .. else 语句 switch 结构 循环语句 while 循环 continue 关键字 do...while语句 for ...

  9. JavaScript从入门到精通(转)

    JavaScript从入门到精通 转自: https://github.com/Eished/JavaScript_notes 视频连接:https://www.bilibili.com/video/ ...

随机推荐

  1. 《OSPF和IS-IS详解》一1.5 ARPANET内的路由选择

    本节书摘来异步社区<OSPF和IS-IS详解>一书中的第1章,第1.5节,作者: [美]Jeff Doyle 译者: 孙余强 责编: 傅道坤,更多章节内容可以访问云栖社区"异步社 ...

  2. xml文件错误

    2019独角兽企业重金招聘Python工程师标准>>> xml文件错误The processing instruction target matching "[xX][mM ...

  3. javascript 控制台调试方法

    console在我们调试js程序的时候是一个非常有效的工具. 日志输出是我们最常用的功能: console.log(); console.info(); console.warn(); console ...

  4. resetlogs 打开数据库时新生成日志位置问题

    若系统中缺少联机日志,以resetlogs方式重建控制文件,那么当我们以alter database open resetlogs方式打开数据库时,新生成的联机日志会位于何处? 一:下面分别讨论几种情 ...

  5. 图论--最短路--SPFA

    SPFA算法(shortest path faster algorithm)算法是西南交通大学段凡丁于1994年发表的,它在Bellman-ford算法的基础上进行了改进,使其在能够处理待负权图的单元 ...

  6. AWVS 安全渗透扫描

    1.打开软件,点击 New Scan 2.在 website url 中输入被扫描的网址,点击 next 3.在 scanning profile 中选择测试的漏洞类型,默认选择 default(默认 ...

  7. linux下编译boost的多线程程序

    linux下面用boost库进行多线程编程,一开始总是编译不成功,花了好多的时间. 下面是一段小示例代码: //start from the very beginning,and to create ...

  8. win7乱码问题解决方法(cmd变小,plsql客户端乱码)

    1.点击控制面板:时钟.语言和区域:区域和语言:管理点击更改系统区域设置,选中英语(英国):重启 2.点击控制面板:时钟.语言和区域:区域和语言:管理点击更改系统区域设置,选中中文(简体,中国):重启 ...

  9. Day_12【集合】扩展案例2_键盘录入一个字符串,对其进行去重,并将去重后的字符串组成新数组

    需求分析:键盘读取一行输入,去掉其中重复字符, 打印出不同的那些字符 思路: 1.键盘录入字符串 2.遍历字符串,将每个字符存储到集合中 3.将集合中重复的字符去掉 4.创建新集合,遍历老集合,获取老 ...

  10. Neo4j填坑记录-Neo4jClient建立节点、建立关系相关

    最近一个项目需要用到知识图谱,选用了neo4j图数据库,在这过程中遇到几个坑,记录一下 1.无法登录,疯狂提示“WebSocket connection failure. Due to securit ...