深入浅出JavaScript-读书记录 ch1-3_深入浅出javascript读书心得-CSDN博客

本文链接：https://blog.csdn.net/qq_36744349/article/details/80066643

js是解释语言，因为不需要编译器的转换、

onblur指示用户移往下一个输入域。

onload事件，在浏览器完成iRock网页的载入时触发

js代码也能放在html内事件处理器中。

 
  var userName=prompt("what is your name?", "enter your name here."); //返回的是用户输入 
 
  prompt是弹出一个可供输入的窗口，前一个字符串是询问，第二个是文本框中的输入提示

再回顾一下：js使用三种基本数据类型：text, number, boolean

var——>variable还有常量constant

变量刚开始没有值

const Constant name=Constant value; //常量名习惯全是大写字母

假设有个数字存储为文本类型，但你突然想把这个数字用于数学运算，这时就需要把文本转换为数字类型。

数据类型在设置变量值与常量值的同时建立。

小写驼峰型用于变量和函数

大写驼峰型只会用于对象

NaN是数字数据类型有误时的指标，通常只在计算过程中需要数字，却收到非数值的数据时，才会看到NaN

parseInt()和parseFloat() 我们应只提供“只包含数字”的字符串

对象方法和函数

isNaN()判断是否是数字，对待数字更可靠

表单提交 form.submit

parseInt(浮点数)只会返回整数部分

donutString.indexOf("dozen")是判断在donutString里是否有出现dozen

第三章

浏览器中运行js代码的部分称为JavaScript解释器

一旦网页传送到浏览器后，服务器大致就已退场了。事实上，网页传送完毕后，js的每项行为均限制在浏览器中。这一点使得网页负有更多责任，因为网页不用等待服务器处理和返回数据。这种处理就是js被称为客户端语言的原因

js多半不会直接与网络服务器有关系，因为它在客户机上独立运行。js通常用于拦截从服务器传递到浏览器的网络数据；但也可以编写向网站请求信息的脚本，然后于网页上呈现信息。

设定时间（）

单次定时： setTimeout("alert('wake up');", 600000); //等待10分钟而后弹出alert框的定时器

间隔定时： setInterval("alert('wake up!');", 600000); //

clearInterval(timerID)这个函数用于清除setInterval()设置的间隔定时器，需要我们传入间隔定时器的ID

document对象代表网页本身

document.body文档主题是网页里能被看见的部分，包括客户端窗口的高度和宽度。

document对象的 body.clientWidth与body.clientHeight特性里存储了客户端窗口的宽度和高度。哭护短是浏览器窗口里呈现网页的特定区域。

网页上所有对象都有一个style对象。

设定高宽时，只需指定一个值，另一个会自动缩放。

浏览器改变大小时触发事件： οnresize="func();"

脚本的生命周期(life cycle)

js于浏览器关闭或网页重新载入时摧毁所有变量

cookie延长脚本的生命周期。

想让变量值存活超过一次网页浏览，你需要另外把数据存储在浏览器里的cookie里。

cookie也可以设定有效日期（expiration date）

js+cookie=适合客户端、便利的持久性数据存储方案

cookie以长文本字符串的形式存储于用户的计算机里。分号；区分各个cookie

当js代码另外存储成另一个文件时，你必须把文件导入任何需要js代码的网页。

shitty shit，似乎chrome是不接受未使用var声明的变量的，虽然这样在语法里也没错但是可能是内置严格模式？？？？

啊感觉每次出现的小错花费的代价都挺大的

 
  function writeCookie(name,value,days) 
 
  { 
 
      var expires = ""; 
 
      if(days) 
 
      { 
 
          var date = new Date(); 
 
          date.setTime(date.getTime() + (days*24*60*60*1000)); 
 
          expires = ";expires=" + date.toGMTString(); 
 
      } 
 
      var cookie = name + "=" + value + expires + "; path=/"; 
 
      alert(cookie); 
 
      document.cookie = cookie; 
 
  } 
 
  function readCookie(name) 
 
  { 
 
      var searchName = name + "="; 
 
      var cookies = document.cookie.split(';'); 
 
      for(var i=0;i<cookies.length; i++) 
 
      { 
 
          var c = cookies[i]; 
 
          while(c.charAt[0] == ' ') 
 
              c = c.substring(1,c.length); 
 
          if(c.indexOf(searchName) == 0) 
 
              return c.substring(searchName.length,c.length); 
 
      } 
 
      return null; 
 
  } 
 
  function eraseCookie(name) 
 
  { 
 
      writeCookie(name,"",-1); 
 
  } 
 
          function greetUser(){ 
 
              userName=readCookie("userName");//没找到return null userName是全局变量？？？ 
 
              if(userName){ 
 
                  alert("hello "+userName+", I missed you."); 
 
                  } 
 
              else { 
 
                  alert("hello, I am your pet rock."); 
 
              } 
 
              alert("fuck you"); 
 
          }