”注释”不可忽视
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>隐藏的注释</title>
<script type="text/javascript">
document.write("神奇的JS,快把我们隐藏了!");
//快快把我变成单行注释
/
JS可以实现很多动态效果
快来学习吧!
多行注释与单行注释，是帮助别人阅读和理解的，注释内容是不会显示的
/
</script>
</head>
<body>
</body>
</html>
变量是用于存储某种/某些数值的存储器。
定义变量使用关键字var,语法如下： var 变量名
变量名可以任意取名，但要遵循命名规则:
1.变量必须使用字母、下划线()或者美元符($)开始。
2.然后可以使用任意多个英文字母、数字、下划线()或者美元符($)组成。
3.不能使用JavaScript关键词与JavaScript保留字。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>变量</title>
<script type="text/javascript">
/
var mychar;
mychar="javascript";
var mynum=8;
var MYchar;
MYchar ="javascript";
var myname="hello";
/
var mychar;
mychar= "javascript";
mychar= "hello";
</script>
</head>
<body>
</body>
</html>
注意:1. 在JS中区分大小写，如变量mychar与myChar是不一样的，表示是两个 变量。
-
变量虽然也可以不声明，直接使用，但不规范，需要先声明，后使用。
判断语句（if......else）if...else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。
语法:
if(条件)
{ 条件成立时执行的代码 }
else
{ 条件不成立时执行的代码 }
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>判断语句</title>
<script type="text/javascript">
var score =80; //score变量存储成绩，初值为80
if(scroe>=60) //60分是成绩及格
{
document.write("很棒，成绩及格了。");
}
else //否则成绩不及格
{
document.write("加油，成绩不及格。");
}
</script>
</head>
<body>
</body>
</html>
什么是函数（function）语法： function 函数名()
{
函数代码;
}
说明:
- function定义函数的关键字。
- "函数名"你为函数取的名字。
- "函数代码"替换为完成特定功能的代码。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函数调用</title>
<script type="text/javascript">
function contxt() //定义函数，函数不能自动执行，需调用它
//在需要的位置直接写函数，就不需要重复输入大量的代码
{
alert("哈哈，调用函数了!");
}
</script>
</head>
<body>
<form>
<input type="button" value="单击我" onclick=" contxt() " />
</form>
</body>
</html>
输出内容（document.write）
第一种:输出内容用""括起，直接输出""号内的内容。
<script type="text/javascript">
document.write("I love JavaScript！"); //内容用""括起来，""里的内容直接输出。
</script>
第二种:通过变量，输出内容
<script type="text/javascript">
var mystr="hello world!";
document.write(mystr); //直接写变量名，输出变量存储的内容。
</script>
第三种:输出多项内容，内容之间用+号连接。
<script type="text/javascript">
var mystr="hello";
document.write(mystr+"I love JavaScript"); //多项内容之间用+号连接
</script>
第四种:输出HTML标签，并起作用，标签使用""括起来。
<script type="text/javascript">
var mystr="hello";
document.write(mystr+"<br>");//输出hello后，输出一个换行符
document.write("JavaScript");
</script>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>document.write</title>
<script type="text/javascript">
var mystr="我是";
var mychar="JavaScript";
document.write(mystr+"<br>"); //<br>是换行符
document.write(mystr+mychar+"的忠实粉丝！");
</script>
</head>
<body>
</body>
</html>
JavaScript-警告（alert 消息对话框）
语法： alert(字符串或变量);
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>alert</title>
<script type="text/javascript">
function rec(){
var mychar="I love JavaScript";
alert(mychar);
//alert是消息对话框（小窗口），其包含一个确定按钮；结果是按顺序弹出的
}
</script>
</head>
<body>
<input name="button" type="button" onClick="rec()" value="点击我，弹出对话框" />
</body>
</html>
注意:
- 在点击对话框"确定"按钮前，不能进行任何其它操作。
- 消息对话框通常可以用于调试程序。
- alert输出内容，可以是字符串或变量，与document.write 相似。
共同学习，写下你的评论
评论加载中...
作者其他优质文章
