javascript基础 | 易学教程

javascript学习
通常，我们需要在某个事件发生时执行代码，比如当用户点击按钮时。
如果我们把 JavaScript 代码放入函数中，就可以在事件发生时调用该函数。

操作html
document.getElementById(id)
例子：document.getElementById("demo").innerHTML="Hello World";
向 id="demo" 的 HTML 元素输出文本 "Hello World"

写到文档输出
document.write("<p>我的第一段 JavaScript</p>");
请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖

在 JavaScript 中，用分号来结束语句是可选的。

javascript代码块
function myFunction()
{
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";
}

javascript注释
单行注释：//
多行注释以 /* 开始，以 */ 结尾。
行末也可以注释

javascript变量
var pi=3.14;
var name="Bill Gates";

function myFunction()
{
var y=5;
var x=y+2;
var demoP=document.getElementById("demo")
demoP.innerHTML="x=" + x;
}
结果为x=7

js数据类型
字符串、数字、布尔、数组、对象、Null、Undefined
布尔：var x=true

数组：
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"];

在 JavaScript 中，对象是拥有属性和方法的数据。
创建对象
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";

方法例子
1.var message="Hello World!";
var x=message.length;

2.var message="Hello world!";
var x=message.toUpperCase();

js函数
function functionname()
{
这里是要执行的代码
}

函数变量的应用
<button onclick="myFunction('Bill Gates','CEO')">点击这里</button>
<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>

带有返回值的函数
function myFunction()
{
var x=5;
return x;
}
var myVar=myFunction();

在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它

js运算符
如需把两个或多个字符串变量连接起来，请使用 + 运算符
如果把数字与字符串相加，结果将成为字符串

js条件运算符
greeting=(visitor=="PRES")?"Dear President ":"Dear ";
如果变量 visitor 中的值是 "PRES"，则向变量 greeting 赋值 "Dear President "，否则赋值 "Dear"。

js if判断
1.if (条件)
{
只有当条件为 true 时执行的代码
}

2.if (条件)
{
当条件为 true 时执行的代码
}
else
{
当条件不为 true 时执行的代码
}

3.if (条件 1)
{
当条件 1 为 true 时执行的代码
}
else if (条件 2)
{
当条件 2 为 true 时执行的代码
}
else
{
当条件 1 和条件 2 都不为 true 时执行的代码
}

js switch判断
var day=new Date().getDay();
switch (day)
{
case 6:
x="Today it's Saturday";
break;
case 0:
x="Today it's Sunday";
break;
default:
x="Looking forward to the Weekend";
}

js for循环
for (var i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}

for/in循环
var person={fname:"John",lname:"Doe",age:25};
for (x in person)
{
txt=txt + person[x];
}

while循环
while (i<5)
{
x=x + "The number is " + i + "<br>";
i++;
}

来源：https://www.cnblogs.com/duanzexun/p/10831880.html

标签

javascript

var

var函数