1、JavaScript代码必须置于
JavaScript函数和事件:
JavaScript函数是一种JavaScript代码块,它可以在调用时被执行。脚本可以被放置在HTML页面的或者部分中,或者兼而有之。
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction(){
document.getElementById("demo").innerHTML="段落被更改。";
}
</script>
</head>
<body>
<h1>一张网页</h1>
<p id="demo">一个段落</p>
<button type="button" onnclick="myFunction()">试一试</button>
</body>
</html>
2、外部脚本
外部文件myScript.js
function myFunction(){
document.getElementById(“demo”).innerHTML=“段落被更改了。”;
}
外部.js文件的引用:
标签包裹起来。直接撸代码就完事了。
**外部文件可以进行多个的引用
**可以通过完整的URL或者相对于当前网页的路径引用外部脚本。
3、JavaScript显示方案:
1) ·使用window.alert() 写入警告框
·使用document.write() 写入HTML输出
·使用innerHTML 写入HTML元素
·使用cconsole.log() 写入浏览器控制台
2)id属性定义HTML元素。innerHTML属性定义HTML内容
<body>
<h1>我的第一张网页</h1>
<p id="dmeo">我的第一个段落</p>
<script>
document.getElementById("demo")=5+6;
</script>
</body>
3)document.write()方法仅仅用于测试:
******************处于测试目的,使用很方便****************************
<body>
<h1>我的第一张网页</h1>
<p>我的第一个网络</p>
<script>
document.write(5+6);
</script>
</body>
***************在HTML文档加载完成后使用document.write()方法将删除所有已有的HTML************
<body>
<h1>我的第一张网页</h1>
<p>我的第一个网络</p>
<button type="button" onclick="document.write(5+6)">试一试</button>
</body>
4)window.alert(),您能够使用警示框来显示数据:
<body>
<h1>我的第一张网页</h1>
<p>我的第一个网络</p>
<script>
window.alert(5+6);
</script>
</body>
5)console.log(),能够在浏览器控制台显示数据:
<body>
<h1>我的第一张网页</h1>
<p>我的第一个网络</p>
<script>
console.log(5+6);
</script>
</body>
4、JavaScript变量的定义和使用:
1) 变量的定义:
var x,y,z;
x=22;
y=26;
z=x+y;
<body>
<h2>JavaScript语句</h2>
<p><b>JavaScript 程序</b>是一系列由计算机执行的<b>语句</b></p>
<p id="demo"></p>
<script>
var x,y,z;
x=22;
y=26;
z=x+y;
document.getElementById("demo").innerHTML="Z的值是"+z+"。";
</script>
</body>
JavaScript语句由以下构成:
值、运算符、表达式、关键词和注释。
2)JavaScript空白字符:
JavaScript会忽略很多空格。可以向脚本中添加很多空格,以增强可读性。
在运算符旁边(+-*/—)添加空格是个很好的习惯。
3)JavaScript关键词:
break 终止switch或循环
continue 跳出循环并在顶端开始
debugger 停止执行JavaScript,并调用调试函数(如果可用)
do···while 执行语句块,并在条件为真时重复代码块
for 标记需要被循环的语句块,只要条件为真时。
function 声明函数。
if···else 标记需要被执行的语句块,根据某个条件
return 退出函数
switch 标记需要被执行的语句块,根据不同的情况
try···catch 对语句实现异常处理
var 声明变量
4)JavaScript变量是存储数据值的容器:
在脚本的开始旧生命所有的变量是一个良好的习惯
可以在一条语句中声明所有的变量
var person='Bill Gates',
carName='poorsche',
price=15000;