JavaScript 语言基础
HTML是不可以进行计算、改变信息、并根据需要添加删除网页内容的。所以就需要JavaScript。JavaScript还可以进行绘制图像、修改元素的CSS等功能。这次要说变量、函数和计算。
- 首先,你需要对以下语言有了解:
1.HTML(Hyper Text Markup Language);
什么以下,明明就一个……
注意事项:
1.JavaScript必须放在script元素里,像这样:
<script>
//Place your code here
</script>
2.script元素不可以乱放,要这么放:
这些是JavaScript的关键字,不要作为变量名或函数名:
break | case | catch | continue | default |
---|---|---|---|---|
delete | do | else | finally | for |
function | if | instanceof | in | new |
this | return | switch | throw | try |
var | void | typeof | with | while |
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>
文章到这里就结束了。有问题请留言。