JavaScript学习日志(1)

javascript用法:
  1、HTML中的脚本必须位于<script>与</script>标签之间,可被放置在HTML页面的<body>和<head>部分中;
  2、也可以把脚本放在外部.js文件中,需要使用时,在<script>标签的“src“属性中设置引用路径。外部脚本不能包含<script>标签。
javascript输出:
  1、使用window.alert()弹出警告框;
  2、使用document.write()方法将内容写到HTML文档中;
  3、使用innerHTML写入到HTML元素;
  4、使用console.log()写入到浏览器的控制台。
  注意:请使用document.write()仅仅向文档输出写内容。如果在文档已完成加载后执行document.write,整个HTML页面将被覆盖。
  使用console.log()方法在浏览器中显示javascript值。F12启用调试模式,在调试窗口中点击”console“菜单。
  js部分:<script>
        function reWrite() {
          document.write(‘这个页面是重写的‘);
          console.log(‘控制台‘);
          console.log(‘abc‘);
        }
      </script>
  HTML部分:<input type="button" value="重写页面" onclick="reWrite()" />
  运行后原HTML页面被覆盖,调试窗口”console“菜单可以看到输出。
声明(创建)javascript变量:
  使用var关键字声明变量,推荐在代码开始处,统一对需要的变量进行声明。
  value=undefined:在执行过 var carName;未对carName变量进行初始化,变量carName的值将是undefined。
  重新声明javascript变量,该变量的值不会丢失。
  var carName=‘BWM‘;
  var carName;
  carName的值还是‘BWM‘。
js中的let变量:
  let允许声明一个作用域被限制在块级中的变量、语句或者表达式。let声明的变量只在其声明的块或子块中可用,这一点与var相似。二者之间最主要的区别是var声明的变量的作用域是整个封闭函数。
       function letvarTest(){
    var a="abc";
    {
      var a="000";
      alert(a); // 000
    }
    alert(a); // 000
    let b="aaa";
    {
      let b="sss";
      alert(b); // sss
    }
    alert(b); //aaa
  }

原文地址:https://www.cnblogs.com/huangshuhua/p/8744461.html

时间: 2024-08-30 13:58:21

JavaScript学习日志(1)的相关文章

javascript学习日志:前言

javascript学习日志系列的所有博客,主要理论依据是<javascript权威指南>(犀牛书第6版)以及<javascript高级程序设计第三版>(红色书),目前js行业内公认的两本权威圣经,无奈有些地方两本书会有一些说辞不一致,那我加入了一些自我理解,尽量将两者融会贯通,通读之后发现,js确实魅力无限,每次看一遍都会有新的理解和感悟,所以这系列我会持续更新,一旦有新的理解我会立即写下来,不断的推翻重建再推翻再重建,我很享受这个自我认知不断更新的过程. 我知道学习js的路很漫

JavaScript学习日志(四):BOM

BOM的核心对象就是window,这一章没什么好说的,总结一些比较常用的: 1,a未定义,a; //报错window.a; //undefined 不能用delete删除全局变量 2,html5不支持<frame>标签,但是支持<iframe>标签 3,js中window对象的top,opener,parent,self属性(虽然对于window来说,它们是一种属性,但是也可以直接用他们作为对象)的区别: top:该变更永远指分割窗口最高层次的浏览器窗口.如果计划从分割窗口的最高层

Javascript学习日志(三):闭包

说实话,前面一节的原型和原型链在当初学的时候并没有很头疼,对着高级编程第三版撸了几遍就理解透了,闭包这一节真的挺头疼的,很惭愧,看了差不多十来遍吧,还翻看了网上的其他博客和解释文档,五花八门的表达方式,虽然核心思想都一致,但是实在是不能做到自己的理解,后来结合函数作用域链,好不容易有点开窍,趁着热乎劲儿,赶紧写下来,感兴趣的可以参考一下. 闭包:高级编程上面的解释是指有权访问另一个函数作用域中的变量的函数,(是一个函数): 创建闭包的常见方式,就是在一个函数内部创建另一个函数. 在理解闭包之前,

JavaScript学习日志(二):面向对象的程序设计

1,ECMAScript不像其他面向对象的语言那样有类的概念,它的对象与其他不同. 2,ECMAScript有两种属性:数据属性和访问器属性.([[]]这种双中括号表示属性为内部属性,外部不可直接访问) 1.数据属性:[[ Configurable ]]:表示能否通过delete删除属性,能否修改属性的特性,能否将属性修改为访问器属性,默认为true. [[ Enumerable ]]:表示能否通过for-in循环返回属性,默认为true. [[ Writable ]]:表示能否修改属性的值,默

JavaScript学习日志(七):表单脚本

一,基础知识 1,取得<form>元素引用的方式,常用的是通过id,其次可以通过document.forms可以取得页面中所有的表单,在这个集合中,可以通过数值索引或name值来取得特定的表单. 2,以下代码生成的按钮都可用来提交表单,点击就提交 <!-- 通用提交按钮 --> <input type="submit" value="Submit form" /> <!-- 自定义提交按钮 --> <button

webpack2学习日志

webpack说容易也容易,说难也难,主要还是看个人,想学到什么样的程度,很多公司可能要求仅仅是会用就行,但是也有一些公司要求比较高,要懂一些底层的原理,所以还是要花一些时间的,看个人需求.这篇仅仅是做了一些总结,都是来自官网,便于复习. 一,先理解webpack的概念: 官网上:webpack 是一个现代 JavaScript 应用程序的模块打包器(module bundler).当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用

Cocos2d-x 3.1.1 学习日志6--30分钟了解C++11新特性

新的关键字 auto C++11中引入auto第一种作用是为了自动类型推导 auto的自动类型推导,用于从初始化表达式中推断出变量的数据类型.通过auto的自动类型推导,可以大大简化我们的编程工作.auto实际上实在编译时对变量进行了类型推导,所以不会对程序的运行效率造成不良影响.另外,似乎auto并不会影响编译速度,因为编译时本来也要右侧推导然后判断与左侧是否匹配.如果没有auto关键字 写个迭代器要写很长长,这也算是节省了我们的脑细胞吧,~~~~(>_<)~~~~ !! auto a; /

JavaScript学习总结(四)——jQuery插件开发与发布

JavaScript学习总结(四)--jQuery插件开发与发布 目录 一.插件开发基础 1.1.$.extend 1.1.1.扩展属性或方法给jQuery 1.1.2.扩展对象 1.2.$.fn.extend 1.3.$.fn 二.插件开发 2.1.jQuery插件开发基本模式 2.2.获取上下文 2.3.第一个jQuery插件 2.4.链式编程 2.5.参数与默认值 2.5.1.默认值 2.5.2.参数对象 2.5.2.参数类型 2.6.命名空间与面向对象 2.7.插件与关联的CSS 2.8

JAVA学习日志——Ajax和Json

# JAVA学习日志--Ajax和Json # Ajax和Json在一个web项目中可以说是经常用到了,Ajax是一种用于创建快速动态网页的技术,而Json则是一种与语言无关的数据交换的格式.以下是个人在学习过程中的总结. 一.Ajax 1.同步与异步 在学习Ajax之前我们要先知道什么是同步,什么是异步. 同步现象:客户端发送请求到服务器端,当服务器返回响应之前,客户端都处于等待卡死状态. 异步现象:客户端发送请求到服务器端,无论服务器是否返回响应,客户端都可以随    意做其他事情,不会被卡