一、JavaScript 简介
JavaScript 是目前最流行脚本语言,简称 JS。
JavaScript 编写在 HTML 页面中,由浏览器负责解释和执行。
JavaScript 通常用来给 HTML 页面增加交互能力。
二、HTML / CSS / JavaScript
三、 JavaScript 语法应用HTML 应用 JavaScript 语法的 3 种方式 :
1.内嵌式:又称行内式,在HTML标签上编写JS,如:
<button οnclick="alert('你好 JavaScript');">Hello JavaScript</button>
2.内部式:在HTML页面中的script标签中编写JS,如:<script>...</ script >
3.外部式:在HTML页面中引入外部JS文件,如:<script src=“xx.js"></ script >
四、JavaScript 变量
1、JavaScript 变量定义:
var name=“hello”;
2、JavaScript 变量命名规则:
变量名只能包含:字母、数字、下划线( _ )
不能以数字开头
不能使用JS关键字
变量名区分大小写,下面是两个不同的变量
var name=“学习”;
var Name=“XueXi” ;
五 、JavaScript 数据类型
JS 有 6 种数据类型:
1.字符串(String)
2.数字(Number)
3.布尔(Boolean)
4.对象(Object)
5.空(Null)
6. 未定义 ( Undefined )
六、JavaScript 函数语法
function 函数名( 参数1 , 参数2 ,…){
// 函数执行代码
}
函数代码利用花括号进行包裹
函数参数利用逗号进行分隔
建议参数个数:小于5个
1、JavaScript 无参函数
function helloJS( ) {
alert("你好 JS");
}
2、JavaScript 带参函数
function helloJS(name,age) {
alert("你好 " + name + age);
}
3、JavaScript 带有返回值函数
function add( num1, num2 ) {
return num1 + num2;
}
4、JavaScript 内置系统函数
名称
说 明
alert()
显示带有一段消息和一个确认按钮的警告框
confirm()
显示带有一段消息以及确认按钮和取消按钮的对话框
prompt()
显示可提示用户输入的对话框
isNaN(value)
用于检查其参数是否是非数字值
parseInt()
解析一个字符串并返回一个整数
parseFloat()
解析一个字符串并返回一个浮点数
document.write()
向文档窗口输出字符串
…
七、JavaScript 应用
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>找最大整数</title>
</head>
<body>
<script>
var num1=parseInt(prompt("请输入第一个整数"));
var num2=parseInt(prompt("请输入第二个整数"));
if(num1>=num2)
{
alert("最大的那个数是:"+num1);
}
else
{
alert("最大的那个整数是:"+num2);
}
</script>
</body>
</html>