JavaScript简单了解
一、JavaScript 的诞生历史
在最初的时候 JS 主要解决的问题是一些服务器端语言(perl)对数据的 验证功能,在js 出现之前要对表单的数据进行验证需要将数据提交到服务器 端之后才能验证数据的合法性、有效性等等,但是在当时是使用电话拨号上 网,速度是很慢的,几kb 的网速,这导致了每次用户与服务器端进行数据 交互的时候成为了对人性的考验,比如说你写好了一个表单然后提交到服 务器端,之后等待几分钟之久,最后用户名密码不正确。为了解决着这样的问题,一家互联网公司在1995年开发出了JavaScript 语言,这家公司是 NetScape(网景公司),自从Js 出现之后那么简单的数据 验证就不需要提交到服务器端直接在客户端就可以实现验证。发展到今天js 不仅仅简单的实现表单数据验证了,而几乎可以实现所有 的浏览器交互功能。而且主流的浏览器都支持js。大部分的浏览器都有解析 js 的引擎,所以才能执行js 的代码。js 不需要 进行编译,是解释性语言。
二、JS 的基本语法要求
1、是否区分大小写? 严格区分大小写
2、标识符的起名要求(和Java 是一样的),第一个位置可以是字母、下划线、美元符号 |-其他位置可以字母、下划线、美元符号、数字。
比如说 asfd_$234(合法的),89098asfds_$ (不合法)。
3、变量的概念
变量就是声明来保存数据的内存空间 ], is 的变量声明要使用 var 关键字,声明的方式有两种:
声明并且赋值: var 变量名 =值
先声明再赋值:var 变量名; //先声明 变量名="1234"; //赋值
4、注释: 单行注释: //注释的内容 多行注释://*注释的内容*/
5、JavaScript 中的每行代码完毕之后需要加上“;”吗?
不加上也不会有语法错误,但是为了养成良好的习惯建议都加上去。
6、JavaScript 的基本数据
Undefined: 使用了一个没有赋值的变量(比如果说声明了一个变量 但是没有赋值),或者使用了一个不存在的变量。
String:字符串类型(在Java 中 String 不是基本数据类型)
Number:数字类型 |-Null:表示空类型
Boolean: 布尔类型(有两个值分别是true 和 false)
7、Js 中的变量的数据类型如何区分?
在Java 中变量的类型是在申明变量的时候使用不同的关键字 (int/double)来定义出变量的类型,而且一个基本数据类型的变量只能 保存一种类型。js 中的变量类型是按照变量保存值的类型来进行划分的,而且在 js中申明了一个变量可以保存任何类型的数据,所以js 又叫做弱类型语言。
demo:向控制台输出数据的类型
<script>
var temp; temp=10;
alert(typeof temp);
temp="nihao";
alert(typeof temp);
</script>
alert() 是 js 定义好的一个方法,可以直接调用,方法的作用是在页面弹 出提示窗口。该方法是属于内置对象 window。 还可以在控制台输出信息,使用的方法是console.log()。
三、JS 的三种使用结构
1、在 html 代码中使用js
<a href="javascript:alert('禁止跳转)">跳转到百度的连接</a>
2、在<script>标签中定义js代码
<script type="text/javascript">
//定义js代码
alert("Hello world! ");
</script>
当浏览器解析到“<script>”的时候会唤醒浏览器中的js 解析 引擎来解释 js代码。其实上<script>可以放到页面的任何位置
3、将js 定义在一个单独的文件中(index.js),在需要的地方导入该文件
总结:
以上的三种使用结构中,第一种基本不使用,第二种简单的js代码会使用(百分之30),第三种 是使用最为广泛的方式,这样的好处是方便代码的重用,而且方便维护。js 语言不需要编译,而是直接解释运行,之所以能运行是因为浏览器中 存在有js 的解释引擎对 js 进行解释运行。 js 被称为是一种弱类型语言,主要原因是声明了一个变量可以保存任何 类型的数据,而且不需要编译。
JavaScript简单了解的更多相关文章
- JavaScript简单入门(补充篇)
本文是对上一篇 JavaScript简单入门 的一些细节补充. 一.全局变量和局部变量 在<script>标签内定义的变量是当前页面中的全局变量.即 <script>标签可以直 ...
- 《javascript高级程序设计》读书笔记(一)javascript简单介绍
第一章:javascript简单介绍 Netscape Navigator 开发的javascript Javascript的实现有三部分: 1.核心(ECMAScript):提供核心语言功能. ...
- Javascript 简单实现鼠标拖动DIV
http://zhangbo-peipei-163-com.iteye.com/blog/1740078 比较精简的Javascript拖动效果函数代码 http://www.jb51.net/art ...
- [Java Web] 4、JavaScript 简单例子(高手略过)
内容概览: JavaScript简介 JavaScript的基本语法 JavaScript的基本应用 JavaScript的事件处理 window对象的使用 JavaScript简介: JavaScr ...
- javascript - 简单实现一个图片延迟加载的jQuery插件
最近在看一本书<Third-Party Javascript>很不错,推荐给大家,下载地址各位自己搜索了. 步骤: 1.打开google,鉴于google基本打不开,那么就打开这个网址吧. ...
- javascript 简单的计算器
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx. ...
- 哈希表(hashtable)的javascript简单实现
javascript中没有像c#,java那样的哈希表(hashtable)的实现.在js中,object属性的实现就是hash表,因此只要在object上封装点方法,简单的使用obejct管理属性的 ...
- 简述一个javascript简单继承工具的实现原理
背景 由于本人非常希望能够开发自己的游戏,所以业余时间一直在想着能不能自己一些好玩又有趣的东西出来,最近随着steam上众多独立游戏的爆发,感觉自己又燃烧了起来,所以又拾起了很久以前的一个2d引擎,决 ...
- 谁说 JavaScript 简单的?
这里有一些 Javascript初学者应该知道的技巧和陷阱.如果你已经是专家了,顺便温习一下. Javascript也只不过是一种编程语言.怎么可能出错嘛? 1. 你有没有尝试给一组数字排序? Jav ...
随机推荐
- SpringCloud Config客户端
SpringCloud Config服务端 1.导入依赖 <dependency> <groupId>org.springframework.cloud</groupI ...
- OAuth2.0 原理简介
写在前面: 在正式介绍OAuth2.0之前我们先来看一个场景:小李是一个文艺小青年, 经常喜欢出去旅游并且把自己旅行中的美景照片分享到各大社交网站上,比如朋友圈,新浪微博.小李马上要向女朋友求婚了,他 ...
- -1-0 Java 简介 java是什么 java简单介绍
Java是一门纯粹的面向对象的高级的平台无关的编程语言 官网介绍: 了解 Java 技术 https://www.java.com/zh_CN/about/ 推荐词条: https://zh.wik ...
- 痞子衡嵌入式:飞思卡尔i.MX RT系列MCU特性介绍(1)- 概览
大家好,我是痞子衡,是正经搞技术的痞子.今天痞子衡给大家介绍的是飞思卡尔i.MX RT系列MCU的基本特性. ARM Cortex-M微控制器芯片厂商向来竞争激烈,具体可参看我的另一篇文章<第一 ...
- 记一个常见的ms sql server中取第N条记录的方法
前言 好好学习,天天向上. 正文 好像也是一个不难的问题,刚视频里看到的,就记一下吧. 下面是表中原始的数据结构,做了一个倒叙排序: select * from Employee order by S ...
- .net -笔记 简单的操作符重载
这个操作符重载很有意思 class Program { static void Main(string[] args) { Person person1 = new Person() { Name = ...
- [前端]css前端样式的模块化
css样式文件结构( 模块划分的单入口 ) common|_ _ _ _ _ _reset.css|_ _ _ _ _ _common.css 公用样式 libs|_ _ _ _ _ _bootstr ...
- 谈下WebSocket介绍,与Socket的区别
这个话题应该是面试中出现频率比较高的吧....不管咋样还是有必要深入了解下两者之间的关联.废话不多说,直接入题吧: WebSocket介绍与原理 目的:即时通讯,替代轮询 网站上的即时通讯是很常见的, ...
- ios端的Safari浏览器中,输入框加入readonly之后,点击还能获取焦点的解决办法。
事情的起因是,新增一个需求,原来的输入框点击不要出现系统自带的键盘,出现我们模拟的键盘.如果是一次性开发的话, 我肯定把这个输入框写成一个div或者其他的元素,然后点击之后出现我们的模拟键盘,这样就不 ...
- iOS----------禁止输入汉字
说明: ^.*[\u4e00-\u9fa5].*$ 是否包含中文^[\u4E00-\u9FA5]+$ 是否全中文 - (BOOL)textField:(UITextField *)textField ...