js写的位置可以在html头部和身体中
1. JavaScript 引入方式:内部,外部
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript引入方式</title>
<script type="text/javascript">
alert("头部");
</script>
</head>
<body>
<!-- <script type="text/javascript" src="myJs.js" charset="gbk"></script> -->
<script type="text/javascript" src="myJs.js"></script>
<script type="text/javascript">
alert("身体");
</script>
</body>
</html>
外部js中的内容:alert("外部引入的");
2. JavaScript 注释 单行: // 多行: /* */ ;
3. JavaScript 变量:JavaScript 是弱类型语言,统一用 var 来定义变量;
4. JavaScript 基本数据类型
数值类型;字符串类型;布尔类型; Undefined(表示变量不含有值) Null(置空变量)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript基本数据类型</title>
</head>
<body>
<script type="text/javascript">
var a=1;
document.write("数值类型a="+a+"<br/>");
var b=1.2;
document.write("数值类型b="+b+"<br/>");
var c='我是人';
document.write("字符串类型c="+c+"<br/>");
var d=false;
document.write("布尔类型d="+d+"<br/>");
var e; // 表示变量不含有值
document.write("e="+e+"<br/>");
var f="你好";
document.write("f="+f+"<br/>");
f=null; // 变量置空
document.write("f="+f+"<br/>");
</script>
</body>
</html>
document.write()方法是直接在页面上面输出
5. BreakVSContinue
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Break VS Continue</title>
</head>
<body>
<script type="text/javascript">
document.write("break;<br/>");
for(var i=0;i<10;i++){
if(i==5){
break;
}
document.write("i="+i+"<br/>");
}
document.write("<hr/>");
document.write("continue;<br/>");
for(var j=0;j<10;j++){
if(j==5){
continue;
}
document.write("j="+j+"<br/>");
}
</script>
</body>
</html>
6. JavaScript 函数
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript函数;</title>
</head>
<body>
<script type="text/javascript">
function fun1(){
alert("我的第一个方法");
}
function fun2(param1){
alert(param1);
}
function fun3(param1,param2){
alert(param1+" "+param2);
}
function fun4(param1,param2){
return param1+" "+param2;
}
// fun1();
// fun2("fuck");
// fun3("fuck","you");
var result=fun4("fuck","you");
alert(result);
</script>
</body>
</html>