完整的JavaScript包括三大部分:

-ECMAScript   JavaScript的开发规范;提供核心语言功能

-DOM   document object model   文档对象模型;提供和操作网页内容的方法和接口

-BOM   browser object model 浏览器对象模型;提供与浏览器交互的方法和接口

<script>标签

-属性:async , charset , defer , language , type , src 共六个,其中重点掌握async和defer

-async 表示立即下载脚本,但是不妨碍页面中的其他加载,异步加载页面内容;

-defer 表示脚本可以延迟到文档被完全解析和显示后再执行;

-注意:这两个属性只能用于外部脚本文件;

-使用方法:

-直接在页面中嵌入JS代码;需要将js代码放在script标签内,并指定type属性;

<script type="text/javascript"></script>

-引入js外部文件;必须使用src属性

<script src="jquery.min.js"></script>

-标签位置:

-放在head标签之间,如果是引入的外部JS,需要添加defer或者 async属性;

<script src="jquery.min.js"   defer="defer"></script>

  async属性与defer属性的写法相同

-放在body结束标签之前,此方法最为推荐;

-另外,<noscript>元素可以指定在不支持脚本的浏览器中的替代内容,但是如果之前的脚本被启用了,标签内的内容将不会被显示

JavaScript的基本语法:

-严格区分大小写;变量,函数名,操作符等都要区分大小写;

-标识符;

-第一个字符必须是字母,下划线_ ,或者是一个美元符号$

-其他字符可以是字母,下划线,美元符号或者是数字

-一般采取驼峰命名法,第一个字母小写,剩下的每个单词的首字母大写

- javascript会自动忽略空格和换行,

注意:

空格问题:

因为浏览器显示机制,对手动敲入的空格,将连续多个空格显示成1个空         格.

1. 使用输出html标签&nbsp;来解决

document.write("&nbsp;&nbsp;"+"1"+"&nbsp;&nbsp;&nbsp;&nbsp;"+"23");

结果:  1    23

2. 使用CSS样式来解决

document.write("<span style='white-space:pre;'>"+"  1        2    3    "+"</span>");

结果:  1       2     3

换行问题:

1、在JS中使用\n 换行

alert(“测试\n测试”);

2、在网页中换行使用<br />

document.write("测试<br />测试");其是输出到网页中的

不能把保留字,关键字,true,false,null等作为标识符,理论上扩展的ASCII码和Unicode字母字符也可以作为标识符,但不推荐

-注释:包括单行注释和块级注释

-单行注释   //

-块级注释  /*  */

-语句:

- 一般都以分号结尾

-特殊的加分号的有:

- 以( 或者 [ 开头的行,前面要加分号;

-for语句条件表达式中,条件彼此之间加;

变量和字面量的关系:

字面量:即是常量。虽然可以直接使用但是很少使用,使用起来比较麻烦。

变量:js的变量是松散类型的,即可以保存任何类型的数据。

如何定义变量?

通过 var 操作符 ,后跟 变量名(标识符)来定义变量  。如  var a;

为变量赋值: var a = 100;

注意:用var操作符定义的变量成为定义该变量作用域中的局部变量,如果在函数中使用var定义了一个变量,那么这个变量在函数退出后就会被销毁

 function fun1(){

   var  a ="hi";
alert(a); //输出hi
}
fun1(); //调用函数
alert(a); //错误!

  如果省略了var操作符,上文中的变量就会由局部变量转化为全局变量。但是不推荐使用。在局部作用域内定义的全局变量很难维护,以及在严格模式下未被定义的变量赋值会导致抛出ReferenceError错误。

可以用一条语句同时声明多个变量

var  a = 1, b = 2, c = 3;

注意用一条语句声明多个变量时,变量之间用逗号隔开;在严格模式下,不能定义名为eval和argument的变量,会导致语法错误。

以上为学习完JS基础后,整理,有错误的地方请指正。

完整的JavaScript包括三部分、script标签、JavaScript的基本语法以及变量和字面量的关系的更多相关文章

  1. 如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。

    如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签. <script> 和 </script> 会告诉 JavaScript 在何处 ...

  2. JavaScript(第一天)【<script>标签浅析】

    一.创建一张HTML页面 初学者创建一张html页面建议借助工具,例如Dreamweaver可视化编辑器.   二.<Script>标签解析 <script>xxx</s ...

  3. 【JavaScript】简介、<Script>标签及基本概念

    一.前言 时光荏苒,岁月匆匆.今年年初进入数据平台部门转型做Web平台.要想搞好前端肯定要学好JavaScript,于是准备抓上一俩本书从基础学起. 二.内容       简介 JavaScript是 ...

  4. VC与JavaScript交互(三) --- CWebPage类调用javascript函数(给js函数传参,并取得返回值)

    ①需要一个别人写好的类CWebPage,将其对于的两个文件WebPage.h和WebPage.cpp添加到工程中. ②添加WebBrowser控件,在视图/对话框类的头文件中#include &quo ...

  5. JavaScript变量和字面量

    一.什么是变量? 首先了解一下什么是内存:内存就是保存程序在运行过程中,所需要用到的数据8bit(比特是表示信息的最小单位). 8bit=1byte 1024byte=1MB 1024MB=1GB 1 ...

  6. PHP,JavaScript,CSS三种HTML内嵌语言的语法,变量,循环,函数记录

    PHP PHP简介: PHP 是服务器端脚本语言. PHP(全称:PHP:Hypertext Preprocessor,即"PHP:超文本预处理器")是一种通用开源脚本语言. PH ...

  7. 如何将 JavaScript 代码添加到网页中,以及 <script> 标签的属性

    Hello, world! 本教程的这一部分内容是关于 JavaScript 语言本身的. 但是,我们需要一个工作环境来运行我们的脚本,由于本教程是在线的,所以浏览器是一个不错的选择.我们会尽可能少地 ...

  8. 《javascript模式--by Stoyan Stefanov》书摘--字面量和构造函数

    二.字面量和构造函数 1,能够使用对象字面量时,就没理由使用new Object构造函数 // 一个空对象var 0 = new Object();console.log( o.constructor ...

  9. JavaScript 模式》读书笔记(3)— 字面量和构造函数2

    上一篇啊,我们聊了聊字面量对象和自定义构造函数.这一篇,我们继续,来聊聊new和数组字面量. 三.强制使用new的模式 要知道,构造函数,只是一个普通的函数,只不过它却是以new的方式调用.如果在调用 ...

随机推荐

  1. Zookeeper(五)持久化快照

    Zookeeper(五)持久化快照 用途 快照文件是指定时间间隔对zookeeper服务器上的节点数据的序列化后备份到磁盘中,快照文件不一定是最新的 如果zk集群挂了,可能会用到它来复原 基本术语 D ...

  2. Tracer使用

    1.选择event List可以迅速完成操作,而选择simulation就会一步一步地执行操作,但是如果都点了下方的Delete删了记录的话,所有的机器都是该整个流程执行完毕的结果.

  3. SpringBoot整合kafka(安装)

    项目路径:https://github.com/zhaopeng01/springboot-study/tree/master/study_14 序言 Kafka 是一种高吞吐的分布式发布订阅消息系统 ...

  4. Selenium 2自动化测试实战19(下载文件)

    一.下载文件 webDriver允许设置默认的文件下载路径,也就是说,文件会自动下载并且存放到设置的目录中.下面以火狐浏览器为例,执行文件的下载. #downfile.py # -*- coding: ...

  5. os, sys, stat 模块使用

    1.设置文件权限: 注意:设置权限之前要导入下面三个模块,否则报错, import os, sys, stat os.chmod("/home/a.txt", stat.S_IXG ...

  6. tmux 学习

    这几天学习了一下 tmux的使用 tmux 可以同时打开多个窗口 关于使用技巧 复制文章一下  哈哈 感谢网友 ================================华丽的分割线====== ...

  7. Pytorch笔记 (3) 科学计算1

    一.张量 标量 可以看作是  零维张量 向量 可以看作是  一维张量 矩阵 可以看作是  二维张量 继续扩展数据的维度,可以得到更高维度的张量 ————>  张量又称 多维数组 给定一个张量数据 ...

  8. Python学习之UDP版socket&SocketServer

    7.6 基于UDP的socket 无连接的,不必与对方建立连接,而是直接把数据发送给对方: 适用于一次传输销量数据结构,可靠性不高的应用环境,因为其传输速率快 # 服务端 import socket ...

  9. Ubuntu系统挂载磁盘硬盘

    在电脑(Ubuntu16.04)新装了一个硬盘,然后只有挂载了我们才能正常使用,下面总结一下挂载的过程. 首先,打开命令行输入命令: sudo fdisk -l 可以看到:磁盘格式化后 硬盘格式化 命 ...

  10. RPCVersionCapError: Requested message version, 4.17 is incompatible. It needs to be equal in major version and less than or equal in minor version as the specified version cap 4.11.

    [问题描述] RPCVersionCapError: Requested message version, 4.17 is incompatible. It needs to be equal in ...