【优波尔】JavaScript的笔记 (1) 简介 用法 输出 语法

时间:2022-05-22 17:36:31

JavaScript基础笔记整理(1) 2015.05.29

今日任务:简介 用法 输出 语法 

一、JavaScript的简介

JavaScript是脚本语言

JavaScript 是轻量级的编程语言,可插入html的代码

学习JavaScript了你会那些知识?

(1)JavaScript:直接写入html输出流

document.write(“<h1>这是一个标题</h1>”);

(2)JavaScript:对事件的反应 

<button type=”button” onclick=”alert(“欢迎!”)”>点我!</button>

(3)JavaScript:改变html内容

X=document.getElementById(“demo”); //查找元素

X.innerHTML=“Hello World JavaScript”;//改变内容

(4)JavaScript:改变html图像 

function changeImage()
{
element=document.getElementById('myimage')
if(element.src.match("bulbon"))
{
element.src="pic_bulboff.gif";
}
else
{
element.src="pic_bulbon.gif";
}
}


(5)JavaScript:改变html的样式 

x=document.getElementById("demo")  //找到元素 

x.style.color="#ff0000";           //改变样式

(6)JavaScript:验证输入 

if isNaN(x) {alert("不是数字")};

二、JS的用法

Javascript 的两种引用方式(1)内部引用 和 (2)外部引用

(1) 内部引用 放在head 或者 body标签里面便可

(2) 外部引用 <script xx.js></script>

三、js的输出

(1)操作html元素 

 使用document.getElementById(id)方法 并且用 innerHTML来获取插入元素内容document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。

 

innerHTML = "Paragraph changed." 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。

(2)写到html文档

 document.write() 仅仅向文档输出写内容

(3)写到控制台

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

四、js的语法

数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。

字符串(String)字面量 可以使用单引号或双引号 

数组(Array)字面量 定义一个数组:[40, 100, 1, 5, 25, 10]

对象(Object)字面量 :{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}

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

 

备注:

JavaScript对大小写敏感 

JavaScript函数的语法是  function Name(参数){}

JavaScript的注释是  多行注释 /* */   单行注释//

 

明天JavaScript的内容是:

JS的变量 JS的数据类型 JS的对象 JS的函数