js简介:
js是现代web前端开发的工具是一种脚本语言，现在绝代大多数HTML页面都使用了js脚本。HTML定义了网页的内容；css定义了网页的布局；JavaScript定义了网页的行为。
<script></script>(标签)
如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。<script> 和 </script> 之间的代码行包含了 JavaScript:
- 第一在body中添加js代码：
<!DOCTYPE html>
<html>
<body>..
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
..</body>
</html>
- 第二在head中添加js代码：
<!DOCTYPE html>
<html>
<head>
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
</head>
<body>..
..</body>
</html>
- 第三在head中引用js代码：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="myScript.js"></script>
</head>
<body>..
..</body>
</html>
JavaScript 显示数据
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
- 使用 window.alert() 弹出警告框。
<html>
<body>
<h1>我的第一个页面</h1>
<p>我的第一个段落。</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
- 使用 document.write() 方法将内容写到 HTML 文档中。
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>
</body>
</html>
- 使用 console.log() 写入到浏览器的控制台。
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
网友评论