码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript日常学习1

时间:2018-02-12 16:45:39      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:这一   html dom   符号   变量   console   页面   body   默认   语句   

您会经常看到 document.getElementById("id")。

这个方法是 HTML DOM 中定义的。

DOM (Document Object Model)(文档对象模型)是用于访问 HTML 元素的正式 W3C 标准。

格式<script>

那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。

现在已经不必这样做了。

JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。

脚本位置

在 <head> 或者 <body> 的JavaScript

外部脚本不能包含 <script> 标签。

输出数据

window.alert() 弹出警告框。

document.write() 方法将内容写到 HTML 文档中。

innerHTML 写入到 HTML 元素。

console.log() 写入到浏览器的控制台。

输出内容

使用 document.write() 向文档输出写内容。

如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖

写到控制台(调试模式)

使用 console.log() 方法在浏览器中显示 JavaScript 值。

F12 启用调试模式, 在调试窗口中点击 "Console" 菜单。

 JavaScript的单行、多行注释

单行:“//这是单行注释”   

多行:“/* 这是多行注释*/”

JavaScript 变量

eg:var tt=1

变量必须已字母或者$ 和 _ 符号开头、区分大小写(JavaScript 语句和 JavaScript 变量都对大小写敏感。)

JavaScript变量声明规则(也可以在声明变量是不进行初始化操作)

您可以在一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即可:

var lastname="Doe", age=30, job="carpenter";

声明也可横跨多行:var lastname="Doe",

                                      age=30,
                                      job="carpenter";
 
JavaScript变量扩展:介绍JS中的let变量:
let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]];

let允许你声明一个作用域被限制在块级中的变量、语句或者表达式。在Function中局部变量推荐使用let变量,避免变量名冲突。

作用域规则

let 声明的变量只在其声明的块或子块中可用,这一点,与var相似。二者之间最主要的区别在于var声明的变量的作用域是整个封闭函数。

function varTest() {
  var x = 1;
  if (true) {
    var x = 2;  // 同样的变量!    console.log(x); 

// 2  }
  console.log(x);  // 2}

function letTest() {
  let x = 1;
  if (true) {
    let x = 2;  // 不同的变量    console.log(x);  // 2  }
  console.log(x);  // 1}

JavaScript日常学习1

标签:这一   html dom   符号   变量   console   页面   body   默认   语句   

原文地址:https://www.cnblogs.com/hzb462606/p/8444569.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!