HTML Day1

JS基础

1.显示日期。

document.getElementById("demo").innerHTML=Date();

2.输出文本

document.write(Date());

3.改变HTML元素

document.getElementById("demo").innerHTML="这是文字";

4.引用外部文件

<script src="myScript.js"></script>

5.JS用法

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

<script> 和 </script> 之间的代码行包含了 JavaScript;

6.body中的JS

document.write("<h1>这是一个标题</h1>");(您只能在 HTML 输出流中使用 document.write。 如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。)

7.JS函数可以位于<body>或者<head>部分。

8.JS显示数据

  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文档中。如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log() 写入到浏览器的控制台。

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

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

document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。

innerHTML = "段落已修改。" 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。

9.JS语法

(1)字符串可以使用单引号或者双引号

(2)

定义Array定义一个数组:[40,100,1,5,25,10]

定义一个object对象:{firstName:"John",lastName:“Doe”,age:50,eyeColor:"blue"}

定义一个函数:function myFunction(a,b) {return a*b;}

(3)定义变量,var length=6;

(4)JS关键字必须以字母、下划线(_)或美元符($)开始。(后续的字符可以是字母、数字、下划线或美元符(数字是不允许作为首字符出现的,以便 JavaScript 可以轻易区分开关键字和数字)

(5)JS注释。//

(6)命名规则:驼峰法。(lastName而不是lastname)

10.JS语句

(1)JS会忽略多余空格。

(2)用“\”对代码进行换行。

(3)JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。

 

11.JS注释

单行注释://

多行注释:/*uuuuu*/

养成一个好的习惯就是写注释。

方便你二次阅读,维护你的代码。

如果后面项目转手,也方便别人来理解你的代码和维护你的代码。

12.JS变量

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
  • 变量名称对大小写敏感(y 和 Y 是不同的变量)

13.一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。

14.未使用值来声明的变量,其值实际上是 undefined。

     如果重新声明 JavaScript 变量,该变量的值不会丢失:

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

15.JS对象

var person={firstname:"John", lastname:"Doe", id:5566};

 

posted @ 2018-03-27 12:10  Shawna  阅读(135)  评论(0)    收藏  举报