JS Lesson1

关键字：querySelector  setAttribute getAttribute prompt 

关键 代码段：

1.选择HTML上的元素

var getName = document.querySelector('h1');

getName.innerHTML = 'I am Jason Cao';

2.选择HTML上的元素定义其按钮方法

document.querySelector('h1').onclick = function(){...}  

等价于

var getInfo = document.querySelector('h1');

getinfo.onclick = function(){...}

  

3.相乘方法定义

function plus（num1,num2）{

var number = num1 * num2;

return number;

}

4.选取img元素，在修改其src属性

var getImage = document.querySelcetor('img');

var getSrc = getImage.getAttribute('src');

if( gerSrc === 'image/001.jpg'){

getImage.setAttribute('src' , 'image/002.jpg');

}else{

getImage.setAttribute('scr' , 'image/003.jpg');

}

5.prompt方法提示框输入信息，并保存在localStorage中

function enterName(){

var myName = prompt('Please enter your name');

localStorage.setItem('name' , myName);

var myHeading = document.querySelector('h1');

myHeading.innerHTML = myName;

}

if (!localStorage.getItem('name')){

enterName();

}else{

var storedName = localStorage.getItem('name');

myHeading.innerHTML = storedName;

}

日常记录，备忘。