javaScript是实现页面交互的动态编程语言,让网页不再是简单的静态页面。
语言基础速览:
1、定义变量,赋值:
var myVariable = "Jeanne";
2、注释:
单行注释
//this is a comment
多行注释
/* these are
comments
*/
3、运算符:
+、-、*、/与数学运算一样
var myVariable=”Jeanne”; 赋值
3===3;严格等于
! 非;
3!=4; 不等
3、语句:
语句是能够让你测试一个表达式是否返回 true 然后根据结果运行不同的代码的结构。比如if语句:
var iceCream=='chocolate';
if (iceCream==='chocolate') {
alert ('Yay, I love chocolate ice cream!');
}else{
alert ('Awwww, but chocolate is my favorite...');
}
4、函数:
Functions 是一种封装你想重复使用的功能的方法,这样你就可以在任何时候想使用其中的功能就通过函数名称来调用,而不用老是重复写下整段代码。
function multiply(num1,num2){
var result=num1*num2;
return result;
}
multiply(1,2);
multiply(3,9);
5、事件:
用户与页面发生交互,需要一个动作触发,这就是事件。最简单的就是点击事件。
document.querySelector("html").onclick=function(){
alert ("Ouch!Stop poking me!");
}
6、添加图像转换器:
var myImage=document.querySelector("img");
myImage.onclick=function(){
var mySrc=myImage.getAttribute("src");
if (mySrc==="images/firefox-icon.png") {
myImage.setAttribute("src","images/firefox2.png");
}else{
myImage.setAttribute("src","images/firefos-icon.png");