HTML5--6 JavaScript_javascript 5-6 example06.html-CSDN博客

本文链接：https://blog.csdn.net/liuning2008/article/details/112426126

1 JavaScript简介

属于弱类型语言，是一种基于对象和事件驱动并具有安全性能的脚本语言。

基于对象：指具有一些面向对象的基本特征，可以根据需要创建自己的对象，从而进一步扩大语言的应用范围；

事件驱动：指鼠标点击，键盘输入等启动预先设置的相应动作；

脚本语言：指不需要通过服务器来执行的属于前台的语言。

作用：网页特效表单验证响应事件

特点：基于对象跨平台改善用户体验动态性

基本思想：网页都是由一个个对象（如标签对象或元素）构成的，对象都能被js操作（改变状态）

2 组成

核心（ECMAScript）：描述了语法和基本对象；

文档对象模型（DOM）：描述了处理网页内容的方法和接口；

浏览器对象模型（BOM）：描述了与浏览器进行交互的方法和接口。

3 打印信息

3.1 HTML页面内嵌入JavaScript

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>第一个页面</title> 
	</head>
	<body>
 		<button>按钮</button>
 		<script type="text/javascript">
 			document.write("LN is a good man")  网页打印
 			console.log("LN is a good man")      终端打印
 			alert("LNN good")                 弹出提示框
 		</script>
	</body>
</html>

3.2 HTML页面外调用JavaScript文件

创建test.js文件，内容为：

document.write("LN is a good man")

console.log("LN is a good man")

alert("LNN good")

在HTML文件中引入

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>第一个页面</title> 
	</head>
	<body>
 		<button>按钮</button>
		<script src="js/test.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>

4 数据类型

变量定义：Var 变量名；

基本数据类型：

数字（Number）：包括浮点数和整数

字符串（String）：包括由任意数量字符组成的序列

布尔值（Boolean）：包括true和false

Undefined：访问未定义的或者未赋值的变量，得到的返回值

Null：被赋予null值，通常被认为已经定义了的，只不过不代表任何东西

5 运算符和语句

（1）除
    示例：Var a=10; Var b=3; console.log(parseInt(a/b)) 取整

（2）if-else
    Var num = parseInt(prompt());
    if (num%2==0)
    {
        console.log(“偶数”);
    }
    else if(num%2!=0)
    {
        console.log(“奇数”);
    }

（3）switch
    Switch(num)
    {
        Case 1:console.log(“1”);break;
        Default:console.log(“e”); 
    }

（4）While
    While(表达式){语句}

（5）for
    for(语句1;表达式;语句3)
    {
        语句2
    }


6 函数
    Function 函数名（参数列表）{
        语句
        Return 表达式；
    }

    示例：
    function func(){
        console.log("LN is a good man")
    }
    func();