一篇文章说完JavaScript
2016-11-29 16:53
225 查看
干完公司任务,突然想写一篇博客,看看我的博客,该说JS了,所以呢从头来说:
安全性 --js程序不能访问本地硬盘
扩展平台 -- 浏览器就可以解析js文件
js的历史:
Netscape(网景)开发和浏览器相关的一些产品,自己开发出一套语言,LiveScript。
java诞生,LiveScript做了升级,改名为JavaScript。
最终推出了ECMAScript语言。
js只需要解析就可以执行,Java需要先编译(虽然Java是解释型语言)。
js是弱类型语言,Java是强类型语言。
BOM -- 浏览器对象模型
DOM -- 文档对象模型
每个HTML的文件,提供了标签<script type = "text/javascript">js代码</script>,Script标签可以放在页面的任意位置。
先编写xx.js文件,在HTML中引入
引入方式:[b]<script type = "text/javascript" src="js文件的地址">
注意:Script标签在引入js文件之后中间的代码就不再执行了[/b]
1.JavaScript概述
1.概念
JavaScript(简称JS)是基于对象和事件驱动的脚本语言,主要作用在客户端(浏览器)上。2.作用
提供前段的程序设计语句。3.特点
交互性 --用户体验比较好安全性 --js程序不能访问本地硬盘
扩展平台 -- 浏览器就可以解析js文件
4.js与java
js和java没有任何的关系,然后呢由于开发js的公司和sun公司(现在被oracle收购)合作,设计者想要让js看起来和java有关系,所有就叫这个名字了。js的历史:
Netscape(网景)开发和浏览器相关的一些产品,自己开发出一套语言,LiveScript。
java诞生,LiveScript做了升级,改名为JavaScript。
最终推出了ECMAScript语言。
5.不同点
javascript是基于对象的,Java是面向对象的。js只需要解析就可以执行,Java需要先编译(虽然Java是解释型语言)。
js是弱类型语言,Java是强类型语言。
6.JS语言的组成
ECMAScript -- js底层的规范BOM -- 浏览器对象模型
DOM -- 文档对象模型
7.JS与HTML的结合
在HTML文档里直接写js代码每个HTML的文件,提供了标签<script type = "text/javascript">js代码</script>,Script标签可以放在页面的任意位置。
<script type="text/javascript"> // 弹出提示框 alert("hello js!!"); </script>
先编写xx.js文件,在HTML中引入
引入方式:[b]<script type = "text/javascript" src="js文件的地址">
注意:Script标签在引入js文件之后中间的代码就不再执行了[/b]
[b]2.JS语法[/b]
1. JS的注释:和Java一样。有三种注释。 // 单行 /*多行注释*/ /** 文档注释 */ 2. JS定义变量:标识内存中的一片空间,存储数据。数据是可以变化的。 * 在JS中,因为JS是若类型的语言,定义变量都会使用同一个关键字:var 变量名称 = 值; 3. JS的基本数据类型 * string -- 字符串类型,使用双引号或者单引号都代表字符串 * number -- 数字类型,不区分整形和小数类型 * boolean -- 布尔类型 * undefined -- 未定义,变量声明但是没有赋值 * null -- 引用类型 4. JS的运算符和语句 * JS的运算符和Java中基本一致 * 有一个特殊的是比较运算符 * == 只比较值 * === 即比较值又比较类型 * JS的语句和Java中基本一致 * 常用的if判断语句和for循环语句等 5. JS的函数(方法) * 在js中编写方法,提供了一个关键字function。 function 名称(参数列表(x,y)){ 方法体; return; 如果方法有返回值,写return,如果没有,就可以不写。 } 6. JS的输出 * BOM对象的alert()方法 * 向页面中弹出一个提示框!! * innerHTML属性 * 向页面的某个元素中写一段内容,将原有的东西覆盖 * document.write()方法 * 向页面中写内容 7. JS的事件(使用步骤)
1. JS都是由事件触发的,第一步确定事件。 2. JS的事件都会触发一个函数,编写一个函数。 3. JS获得操作的元素的对象,document.getElementById("标签的ID值"); 4. JS修改这个元素的属性或值。
8.JS中的定时器方法[/code]
* 查看BOM中的window对象,有如下方法可以使用 * 设置定时器 * setInterval() -- 隔多少毫秒之后,执行一段代码,重复执行。 * setTimeout() -- 隔多少毫秒之后,执行一段代码,只会执行一次。 * 清除定时器 * clearInterval() -- 清除setInterval的定时操作。 * clearTimeout() -- 清除setTimeout的定时操作。
相关文章推荐
- 一篇让你javascript提升的文章
- 一篇清楚阐述 JAvaScript 传递数据 到 Flash 的文章
- 学习javascript时从网上看到的一篇比较简单和基础的文章,特转载!
- 一篇javascript处理cookie的文章
- 一篇文章搞定JavaScript类型转换(面试常见)
- 一篇文章教你搞懂javaScript原型链
- 推荐一篇好文章----------悟透JavaScript
- 一篇介绍javascript非常好的文章
- 用一篇文章总结Javascript
- 转载一篇关于Javascript Array的文章
- 一篇入门级的介绍javascript解释器实现的文章
- (好文推荐)一篇文章看懂JavaScript作用域链
- 一篇文章帮你理解JavaScript到底能做什么
- 推荐一篇讲IOC “控制反转”模式的文章
- 一篇很牛的文章, 对ERP的解释
- 一篇入门的 Class 文章(无聊的时候写的)
- 翻译了一篇不错的文章
- [问题说明]文章中的Javascript造成首页无法正常显示
- 推荐一篇有关GC的文章