javascript-入门篇-使用js的三种方式

练习题:

弹出窗口，提示语句“hello js”
<script>
    alert("hello js");
</script>

 

javascript简介

语言特点：

• 让网页元素动起来
• 高级语言
• 解释型语言，脚本语言
• 弱类型语言

 

 

 

 

使用js的三种方式

1. 行内式
2. 嵌入式
3. 外部引入式

 

行内式

在标签内部直接写js语句或者是直接调js方法

<input type="button" value="submit" onclick="alert('111')">

 

嵌入式

在script标签中写入js代码

例子：

<script>
    document.getElementById('p1').style.color="red";
</script>

 

外部引入式

首先把jsj的主代码写在一个js文件中

然后需要用到的地方

导入一下该文件

 

比如

代码为：

document.getElementById('p1').style.color="red";

保存在m.js

 

1.html需要使用这个效果

<script type="text/javascript" src="m.js"></script>

 

 

 

 

强调：嵌入式格式

<script>
    第一行代码；
    第二行代码；
</script>

 

js的代码写在script标签中

每一行代码的结尾，使用；号结束