目录
含义
实例
js代码位置
1 外部引入js文件
2 在 HTML 中,JavaScript 代码必须位于 标签之间。
小结
含义
js是一门脚本语言,能够改变HTML内容
实例
getElementById()
是多个 JavaScript HTML 方法之一。
本例使用该方法来“查找” id="demo" 的 HTML 元素,并把元素内容(innerHTML
)更改为 "Hello JavaScript"。
代码如下
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><p>javascript 可以做什么</p><p id="demo1"> JavaScript 可以改变html 内容</p><button type="button" onclick='document.getElementById("demo1").innerHTML="Hello JavaScript!"'> 点击!!</button></body>
</html>
最终实现结果
注意:JavaScript 在书写 字符串时,同时支持单引号和双引号
//"Hello JavaScript!"
//'Hello JavaScript!'
js代码位置
1 外部引入js文件
注意:外部脚本不能包含 <script>
标签。
创建js文件,然后在HTML中script标签中引入。这种方式主要是因为有很多js代码,如果全部写在html中,会显得拥挤,影响整体代码的布局,所以采用外部文件引入的方式
注意
- ./ 符号表示当前目录。
../
符号表示上一级目录(../js/example01.js,就是从上级目录js-example 下寻找example01.js文件,这种情况,一般对应同级目录)- ../ ../ 表示向上两级目录中寻找
2 在 HTML 中,JavaScript 代码必须位于 <script>
与 </script>
标签之间。
2.1 <head> 或 <body> 中的 JavaScript
<head> 中的 JavaScript
<body> 中的 JavaScript
小结
本篇博客,简单的介绍了js的含义和创建js位置