javascript极度基础

pipidi

zhujingdi1998@gmail.com

var myVariable;

javascript 对大小写比较敏感

数据类型

javascript 中任何东西都是对象 而且对象被存储在变量里面 NB

运算符

需要注意的是javascript中 两个字符串可以通过+连接

函数

function multiply(num1,num2){
    var result =num1*num2;
    return result;
}
multiply(4,7)

multiply(4,7)
multiply(4,7)
multiply(4,7)

事件

document.querySelector('html').onclick = function(){
    alert('fucking comming')
}

我们选择了html这个元素 然后用onclick设置成我们想要运行的代码的匿名函数

example 点击交换图片

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/firefox-icon.png')
}
var myButton  = document.querySelector('button')
var myHeading = document.querySelector('h1')

主要是用了js中的setAttributegetAttribute 在浅层感觉和python的差不多

<html>
        <body>
            <h1>dd</h1>
            <img src="images/firefox-icon.png">

            <button>
                Change user
            </button>
            <script src="my.js"></script>
            </body>
</html>

example 使用localStorage

var myButton  = document.querySelector('button')
var myHeading = document.querySelector('h1')
if(localStorage.getItem('name')=='null'){
    setUserName();
}else{
    var storedName = localStorage.getItem('name')
    myHeading.textContent = 'Mozilla is cool' +storedName;
}
function setUserName() {
    var myName = prompt('Please enter your name.');
    localStorage.setItem('name', myName);
    myHeading.textContent = 'Mozilla is cool, ' + myName;
  }

myButton.onclick = function() {
    setUserName();
  }

这个东西感觉和后端的session一样 也是存储东西用的 但是也不一样 这个骚东西是可以在浏览器关闭后继续存在的 woc 真的骚

阅读量