写在前面:
不管容易还是简单
总要尝试才知道答案
 
 
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. 使用PHP-Beast加密你的PHP源代码

    PHP-Beast是一个PHP源码加密的模块,其使用DES算法加密,用户可以自定义加密的key来加密源代码. 1. PHP-Beast的安装 $ wget https://github.com/lie ...

  2. Java中常用七个阻塞队列的总结

    Java队列总结 通过前面文章的学习,我们对Java中常用队列做了介绍.本文,咱们来对队列做个总结吧. 首先,我们介绍了现实生活中的实际场景(排队买票等),来告诉我们为什么需要使用队列. 队列是一种先 ...

  3. django+nginx+uwsgi的生产环境部署(Ubuntu16.04)

    一,准备工作: 代码一定要能本地跑起来! 各种基础包的安装略默认已经安装python3,nginx,uwsgi等基础依赖,注意版本问题. 本地setting.py文件修改如下(改为生产模式,把debu ...

  4. CRT 连接AWS-EC2

    crt使用.pem登录AWS服务器 网上看到方案如下,看到大部分人都成功了,一头雾水,我的crt不需要pub文件.... chmod xxx.pem ssh-keygen -p -f xxx.pem ...

  5. RocketMQ搭建全过程

    RocketMQ下载地址:https://mirrors.tuna.tsinghua.edu.cn/apache/rocketmq/4.3.0/rocketmq-all-4.3.0-bin-relea ...

  6. 详解十大经典数据挖掘算法之——Apriori

    本文始发于个人公众号:TechFlow,原创不易,求个关注 今天是机器学习专题的第19篇文章,我们来看经典的Apriori算法. Apriori算法号称是十大数据挖掘算法之一,在大数据时代威风无两,哪 ...

  7. 学习vue第七节,filter过滤器如何的使用

    vue 过滤器如何的使用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...

  8. 从excel表格加载数据返回DataSet

    添加命名空间:using System.Data.OleDb; /// <summary> /// 从excel表格加载数据返回DataSet /// </summary> / ...

  9. restful 架构风格的curd(增删改查)

    restful架构 概念:REST指的是一组架构约束条件和原则,如果一个架构符合REST的约束条件和原则,就称之为RESTful架构. restful不是一个专门的技术,他是一个规范.规范就是写写代码 ...

  10. HC32F003C4PA GPIO Output

    1.打开启动文件,找到并跳转至SystemInit函数 void SystemInit(void) { stc_clk_systickcfg_t stcCfg; // TODO load trim f ...