林业网站模板旅游网站建设技术有哪些内容
目录
含义
实例
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位置