JavaScript 简介

什么是JavaScript

JavaScript是一种直译式解析型的脚本语言。
特点：
1. 弱类型语言，可以动态按需改变变量类型
2. 轻量级编程语言，可以内嵌到HTML代码中

 

JavaScript能做点什么

1. 写入HTML代码中进行输出

document.write("<h1>这是标题</h1>");

2. 对事件作出反应，例如点击，鼠标移过，按下键

<button type="button" onclick="alert('Welcome!')">点击这里</button>;

3. 动态改变HTML内容，包括文本，图像，样式

x=document.getElementById("demo");
x.innerHTML="Hello world!";    //  id为demo的元素将会被替换为 Hello world!

4. 验证表单输入

利用内建函数进行判断/处理

var username = document.getElementById("username").value;
if (!username) {
    alert("请输入用户名");
}

 

那我们怎么用JavaScript呢

1. 内嵌在页面内
所有的JavaScript脚本必须放在标签<script></script>之间 e.g.

<script>
    alert("Hello World!!!");
</script>

2. 引用外部的JavaScript文件(./js/app.js 表示当前目录下的js/app.js)

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

 

PS：有个约定俗成的规定，JavaScript代码应该放在<body>的最后部分，好处是：

1. 为避免 JavaScript 代码操作 HTML 元素时，HTML 元素还未载入而报错（对象不存在）
2. 浏览器渲染HTML文件是从上往下渲染的，JavaScript放在底部可以起到一定的优化效果

 

下面是一个完整的JavaScript栗子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第一个JavaScript程序</title>
</head>
<body>


<script>
    alert("Hello World!!!");
</script>
</body> </html>

 

posted @ 2018-02-05 13:10  Collywobble  阅读(172)  评论(0)  编辑  收藏  举报