美文网首页
javascript语言学习

javascript语言学习

作者: superKelly | 来源:发表于2016-07-21 15:56 被阅读22次

常量

变量

JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型:

声明

var x=2;
var name="Bill Gates";
var answer='Yes I am!';

作用域

局部变量

局部 JavaScript 变量
在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。
您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。
只要函数运行完毕,本地变量就会被删除。

全局变量

在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。其他js文件里的代码能否访问到?
如果您把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。
这条语句:
carname="Volvo";
将声明一个全局变量 carname,即使它在函数内执行。

生存期

局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。

一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。
同一个js中相同名称的变量会被后一个值覆盖。但是这种情况不会:
var x="2";
var x;
两个js中相同的变量会怎么样

数据类型

字符串、数字、布尔、数组、对象、Null、Undefined

字符串

可以使用单引号或双引号,可内含引号
var answer="Nice to meet you!";
var answer="He is called 'Bill'";

数字

布尔

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

数组

var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";

var cars=new Array("Audi","BMW","Volvo");

var cars=["Audi","BMW","Volvo"];

对象

var person={firstname:"Bill", lastname:"Gates", id:5566};
name=person.lastname;
name=person["lastname"];

Undefined 和 Null

声明变量类型

当您声明新变量时,可以使用关键词 "new" 来声明其类型:
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。

函数

声明

<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改变内容
}
</script>

使用

<button type="button" onclick="myFunction()">点击这里</button>

带参数

<button onclick="myFunction('Bill Gates','CEO')">点击这里</button>
<script>function myFunction(name,job)
{
alert("Welcome " +name

  • ", the " +job
    );}
    </script>

返回值

function myFunction(a,b)
{
return a*b;
}

document.getElementById("demo").innerHTML=myFunction(4,3);

事件

onclick <button type="button" onclick="alert('Welcome!')">点击这里</button>

图片

<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/i/eg_bulboff.gif";
}
else
{
element.src="/i/eg_bulbon.gif";
}
}
</script>

<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">

其他

外部的 JavaScript

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>
外部脚本不能包含script标签

相关文章

  • JavaScript学习(1)之JavaScript基础

    JavaScript学习(1)之JavaScript基础 由于工作原因,开发语言逐渐以JavaScript为主,所...

  • 入门篇---导论

    问题:导论主要讲什么呢? 什么是JavaScript语言? 为何要学习JavaScript语言? 实验环境 带着这...

  • javaScript—菜鸟复习

    javaScript javaScript是WEB的编程语言。是一种轻量级的编程语言。 为何要学习JavaScri...

  • js学习

    本周主要进行了js的学习,JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,...

  • JavaScript的基本语法

    本节我们简单的来学习一下 JavaScript 的语法。我们知道 JavaScript 是一种脚本语言,脚本语言又...

  • JavaScript的基本语法

    本节我们简单的来学习一下 JavaScript 的语法。我们知道 JavaScript 是一种脚本语言,脚本语言又...

  • JavaScript 语言学习

    以下摘自《JavaScript语言精粹》 length属性的值是其数组的最大整数属性名加上1,但它不一定等于数组里...

  • javascript语言学习

    常量 变量 JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型: 声明 var x=2;var...

  • JavaScript 简介

    为什么学习 JavaScript?JavaScript 是 web 开发人员必须学习的 3 门语言中的一门:1.H...

  • JavaScript 面试题(基础部分)only English

    序言 JavaScript 面试题(基础部分)汇总。 学习前端,掌握 JavaScript 编程语言是关键的一环。...

网友评论

      本文标题:javascript语言学习

      本文链接:https://www.haomeiwen.com/subject/dcpbjttx.html