必赢亚洲手机app下载


总计机手提式有线电话机辐射必赢亚洲手机app

坚韧不拔你欢娱的政工

JavaScript基础

一、JavaScript简介

JavaScript 是互连网上最流行的脚本语言,那门语言可用来 HTML 和
web,更可广泛用于服务器、PC、台式机电脑、三星GALAXY Tab和智能手提式有线电话机等设施。

1. JavaScript 是脚本语言

  • JavaScript 是一种轻量级的编制程序语言
  • JavaScript 是可插入 HTML 页面包车型的士编程代码
  • JavaScript 插入 HTML 页面后,可由全数的当代浏览器执行

2. JavaScript 是 Web 的编制程序语言。全部现代的 HTML 页面都利用 JavaScript

  • HTML 定义了网页的剧情
  • CSS 描述了网页的布局
  • JavaScript 定义了网页的行事

二、JavaScript用法

HTML 中的脚本必须放在 <script> 与 </script>
标签之间。脚本可放在 HTML 的 <body> 或 <head>
部分中,只怕同时设有于五个部分中。能够在 HTML 文书档案中放入不限数据的本子。

日常的做法是把函数放入 <head>
部分中,也许放在页面尾部。那样就能够把它们安放到均等处地点,不会干扰页面包车型大巴情节。

1. 直接写在HTML文件里

a. <body> 中的 JavaScript

在本例中,JavaScript 会在页面加载时向 HTML 的 <body> 写文本:

<!DOCTYPE html>
<html>
<body>
.
.
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
.
.
</body>
</html>

b. <head> 中的 JavaScript函数

在本例中,大家把1个 JavaScript 函数放置到 HTML 页面包车型地铁 <head>
部分。

该函数会在点击按钮时被调用:

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
</body>
</html> 

c. <body> 中的 JavaScript 函数

在本例中,大家把一个 JavaScript 函数放置到 HTML 页面包车型客车 <body>
部分。

该函数会在点击按钮时被调用:

<!DOCTYPE html>
<html>
<body> 
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</body>
</html> 

2. 引入外部的 JavaScript

也得以把剧本保存到表面文件中。外部文件一般包涵被两个网页使用的代码。外部
JavaScript 文件的文本扩展名是 .js。

如需使用外部文件,请在 <script> 标签的 “src” 属性中装置该 .js
文件:

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

你能够将脚本放置于 <head> 或许 <body>中 实际运营效果与在
<script> 标签中编写脚本完全一致。

在意:外部脚本无法包蕴 <script> 标签。

三、JavaScript 输出

JavaScript 没有其他打字与印刷只怕输出的函数。JavaScript
能够因而分化的主意来输出数据:

  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文书档案中。
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log() 写入到浏览器的控制台。

1. 使用 window.alert(),弹出警告框来展现数据:

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个页面</h1>
<p>我的第一个段落。</p>

<script>
window.alert(5 + 6);
</script>

</body>
</html>

2. 操作 HTML 元素

如需从 JavaScript 访问某个 HTML 成分,能够行使
document.getElementById(id) 方法。

请使用 “id” 属性来标识 HTML 元素,并 innerHTML 来获得或插队成分内容:

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p id="demo">我的第一个段落</p>

<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>

</body>
</html> 

document.getElementById(“demo”) 是使用 id 属性来寻找 HTML 成分的
JavaScript 代码 。

innerHTML = “段落已修改” 是用于修改成分的 HTML 内容(innerHTML)的
JavaScript 代码。

3. 写到 HTML 文档

鉴于测试目标,能够将JavaScript直接写在HTML 文书档案中:

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p>我的第一个段落。</p>

<script>
document.write(Date());
</script>

</body>
</html> 

应用 document.write() 仅仅向文档输出写内容。

设若在文书档案已成功加载后进行 document.write,整个 HTML 页面将被掩盖。

必赢亚洲手机app 1必赢亚洲手机app 2

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p>我的第一个段落。</p>

<button onclick="myFunction()">点我</button>

<script>
function myFunction() {
    document.write(Date());
}
</script>

</body>
</html> 

覆盖实例

4. 写到控制台

假若浏览器协助调试,能够运用 console.log() 方法在浏览器中显得
JavaScript 值。

浏览器中利用 F12 来启用调试格局, 在调节和测试窗口中式点心击 “Console” 菜单。

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html> 

必赢亚洲手机app 3

四、JavaScript 语法

1. 字面量

在编制程序语言中,3个字面量是贰个常量,如 3.14。

  • 数字(Number)字面量
    能够是整数仍然是小数,也许是没错计数(e);3.14,1001,123e5
  • 字符串(String)字面量 能够采取单引号或双引号 be written with
    double or single quotes;”John Doe”,‘John Doe’
  • 公布式字面量 用于总括:5 + 6,5 * 10
  • 数组(Array)字面量 定义多少个数组:[40, 100, 1, 5, 25, 10]
  • 对象(Object)字面量 定义2个对象:{firstName:”John”,
    lastName:”Doe”, age:50, eyeColor:”blue”}
  • 函数(Function)字面量 定义3个函数:function myFunction(a, b) {
    return a * b;}

必赢亚洲手机app,2. 变量

在编制程序语言中,变量用于存款和储蓄数据值。

JavaScript 使用首要字 var 来定义变量, 使用等号来为变量赋值:

var x, length

x = 5

length = 6 

 

变量可以经过变量名访问。在指令式语言中,变量平常是可变的。字面量是3个一定的值。

变量是3个名称。字面量是2个

3. 操作符

JavaScript语言有两种类型的运算符:

必赢亚洲手机app 4

4. 语句

在 HTML 中,JavaScript 语句向浏览器发出的通令。

话语是用分号分隔:

x = 5 + 6;
y = x * 10;

5. 关键词

JavaScript 语句普通以关键词为开头。 var
关键词告诉浏览器创造2个新的变量:var x=5

JavaScript
同样保留了一些首要字,有个别根本字在当下的语言版本中并不曾运用,但在其后
JavaScript 扩充中会用到。

以下是 JavaScript 中最​​首要的保留字(按字母顺序):

abstract else instanceof super
boolean enum int switch
break export interface synchronized
byte extends let this
case false long throw
catch final native throws
char finally new transient
class float null true
const for package try
continue function private typeof
debugger goto protected var
default if public void
delete implements return volatile
do import short while
double in static with

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

6. 标识符

  • 由不以数字起先的假名、数字、下划线(_)、法郎符号($)组成;例如:_abc,$abc,abc,abc123是标识符,而1abc不是
  • 常用于表示函数、变量等的名目;
  • JavaScript语言中象征一定含义的词称为保留字,不容许程序再定义为标识符

7. 注释

单行注释

// 我不会执行

多行注释

/*我们
不会
执行*/

8. 数据类型

JavaScript 有三种数据类型:数字,字符串,数组,对象等等:

var length = 16;                                  // Number 通过数字字面量赋值 
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值 

 

9. 函数

JavaScript 语句能够写在函数内,函数能够再一次引用:

引用1个函数 = 调用函数(执行函数内的言语)。

function myFunction(a, b) {
    return a * b;                                // 返回 a 乘于 b 的结果
} 

 

10. JavaScript 对大小写敏感

当编辑 JavaScript 语句时,请留意是不是关闭大小写切换键。

函数 getElementByIdgetElementbyID 是差别的。

同样,变量 myVariableMyVariable 也是见仁见智的。

11. 字符集

JavaScript 使用 Unicode 字符集。

Unicode 覆盖了全部的字符,包括标点等字符。

 

 

以上内容转载自w3cschool
JavaScript教程

 

相关文章

No Comments, Be The First!
近期评论
    功能
    网站地图xml地图