js学习
js的基本使用方式
1、内嵌式
可以将js书写在页面的任意位置
2、外链式
以独立的js文件进行代码的编写
3、行内式
将js代码直接写在标签内部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js基本使用方式</title>
<!-- <script type="text/javascript">
// js代码
alert("hello")
</script> -->
</head>
<body>
<a href="http://www.baidu.com">点击1</a>
<!-- 行内式 -->
<a href="javascript:alert('hello javascript');">点击2</a>
<button type="button" onclick="alert('hello javascript2')">普通按钮</button>
<!-- 1.内嵌式 -->
<script type="text/javascript">
// js代码
alert("hello")
</script>
</body>
</html>
外部的引入方式
<!-- 引入外部js文件 -->
<script type="text/javascript" src="js/my.js">
需要注意：标签内部不需要再编写代码，如果需要编写js代码 请创建新的script标签
js的输入和输出方式
1、输入方式
弹出框 确定和 取消
window.prompt("请输入您的年龄")
2、输出方式
1、警告窗：alert（） 警告窗 缺点：阻塞
2、console.log(“hello enkidu”) 一般情况下比较推荐使用该方法
3、document.write(“hello enkidu”) 输出数据到网页端
3、js中的变量的使用
变量： 可以存储临时数据 数据持久化 -> 数据库 mysql
定义：指代计算机中的一段内存空间
使用步骤：
1. 变量的声明 开辟内存空间
2. 变量赋值 向内存空间中存储数据
3. 使用变量 使用变量进行业务逻辑的编写
便于程序员 进行变量的使用 可以给变量定义别名 -> 变量名
变量名的命名规则： 符合标识符的命名规则
1.变量名可以由 数字 字母 下划线 $ 元素组成
2.不以数字开头 a1
3. 不能使用关键字和保留字 var for if class
4. 变量名要见名知意
5. 驼峰命名 大驼峰 每个单词的首字母都要大写 StudentName
小驼峰 第一个单词的首字母小写其余首字母大写 studentName name
<script type="text/javascript">
//变量的声明 var 变量名
var age;
//变量赋值
age = 20;
// 使用
console.log("age="+age);
// 变量定义的简写形式
var number = 10;
console.log("number="+number);
// 改变变量中的值
age = window.prompt("请输入您的年龄")
// 输出用户输入的年龄
console.log("age="+age);
</script>
