JAVASCRIPT基础

Posted mumushi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JAVASCRIPT基础相关的知识,希望对你有一定的参考价值。

  以前稍微接触了下JS,然后就不了了之了,可以说只知道其作用而已,然而不知道怎么用。

  JS已经开课了两天了,因为学过C#所以现在觉得还行,虽然都是学些基础,总结下刚学的只是吧!

一、什么是javascript

  javascript是一种脚本语言,由web浏览器进行解释和执行。可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

ECMAScript:核心

DOM:文档对象模型

BOM:浏览器对象模型

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 html 页面的编程代码。

JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

JavaScript 很容易学习。

 

同时另外:

JavaScript 与 Java 是两种完全不同的语言,无论在概念上还是设计上。
Java(由 Sun 发明)是更复杂的编程语言。

ECMA-262 是 JavaScript 标准的官方名称

JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中(该浏览器已停止更新),并于 1997 年被 ECMA(一个标准协会)采纳。

 

二、怎样将javascript应用到网页中:

方法一、将javascript代码插入html文档<head>部分的<script>标签中

<head>
    <script type=“text/javascript”>
        //javascript 代码
        alert(‘hello world’);
    </script>
</head>

 

方法二、将javascript代码存在一个独立的文件。

  用.js作为文件的扩展名,在利用<script>标签的src属性指向该文件。

创建text.js文件

alert(‘hello wordld’);

 

html代码

<head>
    <script type=“text/javascript” src=“test.js”></script>
</head>

 

 

三、Javascript语法

1、变量

1)变量有var运算符加变量定义。

  var age=25;

  var mood=\'瞬间爆炸,完成双杀\';

2)变量名命名规则:

  第一个字符必须是字母、下划线(_)、或者美元符号($);

  变量名中不能包含空格或标点符号(下划线(_)和$除外);

  变量名区分大小写;

  不能使用保留字、关键字

  为了让变量名有更好的可读性,可以在变量名中适当的插入下划线分隔,如:var my_mood=\'瞬间爆炸,完成双杀\'。

 

2、数据类型

1)字符串(String)

  字符串有零个或多个字符构成,字符包括字母,数字,标点符号和空格。

  字符串必须放在引号里(单引号或双引号);

  var mood="心情爆炸,带崩各路";

  var mood=\'心情爆炸,带崩各路\';

2)数值(number)

  var age=125;

  var price=22.25;

3)布尔类型(boolean)

  布尔(逻辑)只能有两个值:true 或 false。

var x=true;
var y=false;

 

   与字符串不同,不要把布尔值用引号括起来。布尔值false与字符串“false”是两回事。

4)对象(object)

  Javascript是一种面向对象的语言,因此可以使用面向对象的思想来进行对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体。

  例如:Date 日期对象

  Date对象用来处理日期和时间。

  代码: var today = new Date();

  var year = today.getFullYear();

  var month = today.getMonth() + 1;

  var day = today.getDay();

 

JavaScript:直接写入 HTML 输出流(只能在 HTML 输出中使用 document.write。如果在文档加载后使用该方法,会覆盖整个文档。

document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");

 (document。write()里面可以直接用html标签的)

 

 

 

以上是关于JAVASCRIPT基础的主要内容,如果未能解决你的问题,请参考以下文章

30秒就能看懂的JavaScript 代码片段

Yarn: 一个新的JavaScript模块管理器

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段(上)

如何将此 JavaScript 代码片段翻译成 Parenscript?

javascript 代码片段