完整的JavaScript包括三部分、script标签、JavaScript的基本语法以及变量和字面量的关系
完整的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标签 来解决
document.write(" "+"1"+" "+"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的基本语法以及变量和字面量的关系的更多相关文章
- 如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。
如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签. <script> 和 </script> 会告诉 JavaScript 在何处 ...
- JavaScript(第一天)【<script>标签浅析】
一.创建一张HTML页面 初学者创建一张html页面建议借助工具,例如Dreamweaver可视化编辑器. 二.<Script>标签解析 <script>xxx</s ...
- 【JavaScript】简介、<Script>标签及基本概念
一.前言 时光荏苒,岁月匆匆.今年年初进入数据平台部门转型做Web平台.要想搞好前端肯定要学好JavaScript,于是准备抓上一俩本书从基础学起. 二.内容 简介 JavaScript是 ...
- VC与JavaScript交互(三) --- CWebPage类调用javascript函数(给js函数传参,并取得返回值)
①需要一个别人写好的类CWebPage,将其对于的两个文件WebPage.h和WebPage.cpp添加到工程中. ②添加WebBrowser控件,在视图/对话框类的头文件中#include &quo ...
- JavaScript变量和字面量
一.什么是变量? 首先了解一下什么是内存:内存就是保存程序在运行过程中,所需要用到的数据8bit(比特是表示信息的最小单位). 8bit=1byte 1024byte=1MB 1024MB=1GB 1 ...
- PHP,JavaScript,CSS三种HTML内嵌语言的语法,变量,循环,函数记录
PHP PHP简介: PHP 是服务器端脚本语言. PHP(全称:PHP:Hypertext Preprocessor,即"PHP:超文本预处理器")是一种通用开源脚本语言. PH ...
- 如何将 JavaScript 代码添加到网页中,以及 <script> 标签的属性
Hello, world! 本教程的这一部分内容是关于 JavaScript 语言本身的. 但是,我们需要一个工作环境来运行我们的脚本,由于本教程是在线的,所以浏览器是一个不错的选择.我们会尽可能少地 ...
- 《javascript模式--by Stoyan Stefanov》书摘--字面量和构造函数
二.字面量和构造函数 1,能够使用对象字面量时,就没理由使用new Object构造函数 // 一个空对象var 0 = new Object();console.log( o.constructor ...
- JavaScript 模式》读书笔记(3)— 字面量和构造函数2
上一篇啊,我们聊了聊字面量对象和自定义构造函数.这一篇,我们继续,来聊聊new和数组字面量. 三.强制使用new的模式 要知道,构造函数,只是一个普通的函数,只不过它却是以new的方式调用.如果在调用 ...
随机推荐
- JavaBean,EJB,POJO,Spring Bean 的演进历程
JavaBean Sun公司对类提出的规范:1,类是public的2,有一个无参构造方法3,属性修饰要用private,通过get set操作4,实现Serializable接口5,对事件使用Swin ...
- Django日志的配置
做开发离不开日志,以下是我在工作中写Django项目常用的logging配置. BASE_LOG_DIR = os.path.join(BASE_DIR, "log") LOG ...
- jsp里面include的静态导入和动态导入的区别
静态导入就是将被导入页面完全融入到导入的页面中:而动态导入只是在servlet里面插入了include方法,导入的这是被导入页面的body标签里面的内容 1.什么是静态导入? 静态导入指的是,将一个外 ...
- spark 笔记 7: DAGScheduler
在前面的sparkContex和RDD都可以看到,真正的计算工作都是同过调用DAGScheduler的runjob方法来实现的.这是一个很重要的类.在看这个类实现之前,需要对actor模式有一点了解: ...
- 深入理解android的UI更新机制
深入理解android的UI更新机制 由问题开始: 如何更新android UI? 可以通过如下方法: 在主线程里直接操作UI控件. handler.post(Runnable) runOnUiThr ...
- Shell实现交互式登陆一台同时管理多台机器
最近为了检测公司服务器的硬盘需要开10多台服务器的僚机来检测服务器,可是这10来台都是操作一样的命令,挨个操作下去太麻烦了 然后就想到了交互式登陆 这里需要创建一个Ip文件夹把你的Ip账户密码都放进去 ...
- 兼容ie9以下支持媒体查询和html5
<head> <!-- 让IE8/9支持媒体查询,从而兼容栅格 --> <!--[if lt IE 9]> <script src="https:/ ...
- Mimikatz 攻防杂谈
前几天看到了老外一篇讲 mimikatz 防御的文章,感觉行文思路还不错,但是内容稍有不足,国内也有一篇翻译,但是只是照着错误翻译的,所以就萌生了把那篇优秀文章,翻译复现,并加入其它一些内容,本文只是 ...
- 详解嵌套ListView、ScrollView布局显示不全的问题
在项目开发中,可能经常遇到嵌套ListView.ScrollView的问题,就是重写onMeasure方法.解决如下 public class ExpandListView extends ListV ...
- 写python获取android设备的GPS及姿态信息
在android上,我们可以使用QPython来编写.执行Python脚本.它对很多android 系统函数进行了方便的封装,使用QPython编写功能简单的小程序异常方便. 这个示例是我之前用来读取 ...