<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript用法</title>
</head>
<body>
<h3>javascript Usage(Usage:用法)</h3>
<!-- 1.javascript必须放置在<script>和</script>之间； -->
<!-- 2.javascript脚本按标准是放置在<head></head>标签内或者<body></body>标签内最下方，提高代码可读性； -->
<!-- 3.实际运用当中还要注意脚本执行的优先级； -->
<!-- <转义为< >转义为> -->
<p>举例 直接写入 HTML 输出流中：</p>
<script>
document.write("<p style='color: red;'>这是一段红色文字！</p>");
</script>
<!-- 总结：只能在 HTML 输出流中使用 document.write
如果在代码已经加载完之后后使用它（比如在函数中），会覆盖已加载内容，如下。 -->
<p>------------分割线------------</p>
<p style="cursor: pointer;" onclick='text()'><!-- onclick='text()'鼠标点击就执行text() -->
<!-- cursor: pointer;鼠标移动到文字上，光标变成手；属性可以不加，此处只是为了模拟； -->
网页已经加载完毕，再次点击我，将会执行text()函数进行覆盖；
</p>
<script>
function text(){/* text()函数名 */
document.write("<p>我覆盖了已经加载的网页内容！</p>");
}
</script>
</body>
</html>