一、JavaScript简介:
JavaScript是互联网上流行的脚本语言,可用于HTML和web,可广泛应用于服务器、PC、笔记本、平板电脑和智能手机等设备。
JavaScript是一种轻量级的编程语言,可插入HTML页面的编程代码,插入HTML页面后,可由浏览器执行。
二、JavaScript用法:
HTML中的JavaScript脚本代码必须位于<script>与</script>标签之间,可放置在HTML页面的<body>和<ahead>部分。示例:
<script>
alert("hi JavaScript");
</script>
1)、<body>中的JavaScript:
<body>
<p>
JavaScript 写入 HTML 输出流中:
</p>
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
</script>
</body>
2)、<head>中的JavaScript函数:
<head>
<meta charset="utf-8">
<title>www.example.com</title>
<script>
function myFunction(){
document.getElementById("demo").innerHTML="hi,JavaScript";
}
</script>
</head>
3)、<body>中的JavaScript函数
<body>
<h1>我的第一个 Web 页面</h1>
<p id="demo">一个段落。</p>
<button type="button" οnclick="myFunction()">点击这里</button>
<script>
function myFunction(){
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</body>
4)、外部的JavaScript:
<body>
<script src="jsf.js"></script>
</body>
三、JavaScript输出:
JavaScript美誉任何打印或者输出的函数,JavaScript输出数据可以通过以下方式:使用window.alert()弹出警告框;使用document.write()方法将内容写到HTML文档中;使用innerHTML写入HTML元素;使用console.log()写入到浏览器的控制台。
1)、window.alert():
<script>
window.alert(9 + 6);
</script>
2)、document.write():
<script>
document.write(Date());
</script>
3)、innerHTML:
<script>
document.getElementById("demo").innerHTML="段落已调整。";
</script>
4)、console.log():
<script>
a = 6;
b = 8;
c = a + b;
console.log(c);
</script>