一、页面嵌入javascript方式

 第一种：行间事件: 直接在元素上 通过给元素添加事件绑定，来执行js代码

js">		<!-- 绑定行间事件 -->
		<button type="button" onclick="alert(123456)">按钮1</button>

第二种：通过script标签引入外部的js文件

main.js

js">// 定义的一个alertInfo函数
function alertInfo(){
	alert('python')
}

js">		<button type="button" onclick="alertInfo()">按钮2</button>

第三种：直接爱页面的script标签中编写js代码

js">		<script>
			function show_alert(){
				alert('musen123')
			}
			
		</script>
		


		<button type="button" onclick="show_alert()()">按钮3</button>

二、js的基本语法

2.1 注释

单行注释：

js">   // 单行注释

多行注释：
 

js">            /*
            
            注释11
            注释222
            注释222
            */ 

2.2 变量

1、变量命名：

• 变量可以使用短名称（如x和y），也可以使用描述性更好的名称（如 age,sum)
• 变量必需以字母开头
• 变量也能$ 和_ 符号开头（不推荐）
• 变量名区分大小写
• 驼峰式命名（小驼峰，如myName)

2、变量声明

js变量，可以先声明，后赋值

js">var x;

x=20;

也可以在声明时赋值

js">var age = 18; 

同时赋值给多个变量

js">var a = 1,b =2, c=3;

3、定义变量的三种方式

var : 定义的变量，可以跨代码块访问。

let: 定义块级作用局的变量（）

const: 定义常初始化必须赋值，值不可修改，只能在块级作用域访问。

2.3 数据类型

字符串、数字、布尔、Null、Undefinded、数组

number 数字类型

js">var x = 3;

string 字符串类型

js">var str = 'java'

boolean 布尔类型

js">只有true 或 false 两个值

undefined 类型

js">变量已经声明，但是没有赋值，它的值就是undefined

null类型

js">空对象，类似于python中的None

vat x = null;

arr 数组

 

2.4 运算符

2.5 条件语句

2.6 函数

2.7 对象

2.8 循环

2.9 扩展

三、js操作页面