Collection
Collection
HTML脚本JavaScript是HTML页面具有更强的动图和交互性。
如何将脚本插入HTML文档？
实例：
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!DOUTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>118qq.top</title>
</head>
<body>
<script>document.write("118qq.top")</script>
</body>
</html>如何应对不支持脚本或禁用脚本的浏览器
实例：
<!DOUTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>118qq.top</title>
</head>
<body>
<script>document.write("118qq.top")</script>
<noscript>抱歉，您的浏览器不支持JavaScript!</noscript>
<p>不支持JavaScript的浏览器会使用 <noscript>元素中的内容来替代</p>
</body>
</html><script>标签用于定义客户端脚本，比如JavaScript。它即可包含脚本语句，也可通过src属性指向外部脚本文件。JavaScript最常用于图片操作、表单验证以及内容动态更新。
<noscript>标签提供无法使用脚本时的替代内容，比如在浏览器禁用脚本时，或浏览器不支持客户端脚本时，<nosript>元素可包含普通HTML页面的body元素这个能够找到的所有元素。只有在浏览器不支持脚本或者禁用脚本时，才会显示<noscript>元素中的内容
实例：
<!DOUTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>118qq.top</title>
</head>
<body>
<h1>我的第一个JavaScript页面</h1>
<p id="demo">这是一个JavaScript页面</p>
<form>
<input type="submit" onClick="myFunction()" value="提交">
</form>
<script>
function myFunction(){
document.getElementById("demo").innerHTML="你好，世界";
}
</script>
</body>
</html>实例：
<!DOUTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>118qq.top</title>
</head>
<body>
<h1>我的第一个JavaScript页面</h1>
<p id="demo">这是一个JavaScript页面</p>
<form><input type="submit" onClick="myFunction()" value="提交">
</form>
<script>
function myFunction(){
x=document.getElementById("demo") //找到元素
x.style.color="red";//样式颜色
}</script>
</body>
</html>