JavaScript基础 - 变量、函数、对象

JavaScript 语言基础

HTML是不可以进行计算、改变信息、并根据需要添加删除网页内容的。所以就需要JavaScript。JavaScript还可以进行绘制图像、修改元素的CSS等功能。这次要说变量、函数和计算。

  • 首先,你需要对以下语言有了解:
    1.HTML(Hyper Text Markup Language);

什么以下,明明就一个……

注意事项:
1.JavaScript必须放在script元素里,像这样:

<script>
	//Place your code here
</script>

2.script元素不可以乱放,要这么放:

在这里插入图片描述

这些是JavaScript的关键字,不要作为变量名或函数名:

breakcasecatchcontinuedefault
deletedoelsefinallyfor
functionifinstanceofinnew
thisreturnswitchthrowtry
varvoidtypeofwithwhile

OK,现在你已经知道了注意事项了,先来编写一个最简单的程序。

<script>
document.write("Hello,World!");
</script>  

在这里插入图片描述

document是一个对象,指的是HTML。write是document对象的函数,可以把内容写入HTML。

你可能会问:对象是啥?函数是啥?

对象简单来说就是一个箱子,可以存储函数、数据。
可以这样来调用“箱子”里面的东西:

objectName.variableFunctionName;

objectName是对象名称,variableFunctionName是变量(值)/函数名

那函数是啥?

函数可以执行指定代码。
这样定义函数:

function yourFunctionName(variableName) {
	//Your codes here
}

老规矩,英文的意思不再解释。
这样调用函数:

functionName(number/string/...)

下面来一组实例(这边写全部的HTML和JS):

<html>
<head>
<title>Test</title>
</head>
<body>
<script>
function helloName(yourNameHere) {  //定义helloName函数
document.write("Hello,"+yourNameHere+"!");  //在HTML中写入Hello加上变量yourNameHere再加上!
}
helloName("Jeffrey");              //调用helloName函数并传入"Jeffrey"
</script>
</body>
</html>

这个是效果
在这里插入图片描述
我突然觉得少了点什么……
没错,没讲变量!
这样定义变量:

var variableName;

还可以给它赋值(写入一个值):

variableName = 10;      //这里我给他赋值为10

还可以把一个变量的值赋值给另一个变量:

variableA=variableB;

还可以让它进行计算:

var a;
a=5;
a=a*2;//乘
a=a/2;//除
a=a+2;//加
a=a-2;//减
//运算符号后面可以是任意数(当然,除了除号后面有0)

最后,来一个例子:

<html>
<head>
<title>Test</title>
</head>
<body>
<script>
var a,b,ans;
a=5;
b=5;
function calc() {//定义一个calc函数
ans=a*b;
}
calc();
document.write("5×5=",ans);//在HTML中写出答案
</script>
</body>
</html>

文章到这里就结束了。有问题请留言。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值