以下是个人学习笔记,部分代码来自教程练习,高手请忽略本文
可用生成html页用于练习
<!DOCTYPE HTML>
<html>
<head>
<title>Javascript_Note.1</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="easy.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--~~~~~~~~~~~初识JS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<div>
<h3>1、如何插入JS代码</h3>
<script type="text/javascript">
document.write("开启JS之旅!");
</script>
<!--注意
1、直接在HTML中用<script>标签:<script type="text/javascript"></script>
2、在HTML引用JS外部文件:<script src="jsfile.js"></script>
-->
</div>
<!--~~~~~~~~~~~基本语法~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<div>
<h3>2、基本语法,if/else语句</h3>
<script type="text/javascript">
var score =80; //score变量存储成绩,初值为80
if (score>=60){
document.write("很棒,成绩及格了。");
}
else{
document.write("加油,成绩不及格。");
}
</script>
<!--注意
1、JS中严格区分大小写,符号都要在英文输入法下,句末可以不用;分号,但是最好使用。
2、变量虽然可用不声明直接使用,但不规范,建议先声明,后使用。
-->
</div>
<!--~~~~~~~~~~~基本语法~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<div>
<h3>3、基本语法,定义函数</h3>
<script type="text/javascript">
function contxt(){
alert("This is a function");
}
</script>
<form>
<input type="button" value="点击我" οnclick="contxt()"/>
</form>
<!--注意
1、函数定义的基本格式如下:
function 函数名(){
函数代码;
}
-->
</div>
</body>
</html>
个人练习专用格式,easy.css:
div{
width:1024px;
height:260px;
background-color:#ccc;
margin: 20px;
}