有些图片加载不出来
提交方式:
get:在url后面拼接表单数据,如:?username=Tom&age=12,url长度有限,默认值。
post:在消息体(请求体)中传递的,参数大小无限制。
注意:表单中必须有name属性才可以提交
表单标签——表单项
JavaScript
引入方法
- 内部脚本:将JS 代码定义在HTML页面中
- JS 代码必须位于<script></script>标签中
- 在HTML文档中,可以在任何位置,放置任何数量的<script>
- 一般会将脚本置于<body>元素的底部,可以改善显示速度
2.外部脚本:将JS 代码定义在外部JS文件中,然后引入到HTML页面中
(1)外部文件中,只包含JS代码,不包含<script>标签
(2)<script>标签不能自闭和
JS基本语法
一,书写语法
(1)区分大小写:与Java 一样,变量名、函数名以及其他一切东西都是区分大小写的
(2)每行结尾的分号可有可无
(3)注释:
单行注释://注释内容
多行注释:/*注释内容*/
(4)大括号表示代码块
二,输出语句
使用 window.alert() 写入警告框
使用 document.write0) 写入 HTML 输出
使用 console.log() 写入浏览器控制台
3.变量
(1)JavaScript 中用 var 关键字 (variable 的缩写)来声明变量
(2)JavaScript 是一门弱类型语言,变量可以存放不同类型的值
(3)变量名需要遵循如下规则:
>组成字符可以是任何字母、数字、下划线()或美元符号 (S)
>数字不能开头
>建议使用驼峰命名
特点:
- 作用域比较大,全局变量
- 可以重复定义
var x=1;
Var x=’A’;
最终A覆盖1,x=A
注意事项:
1.ECMAScript6新增了let 关键字来定义变量。它的用法类似于 var,但是所声明的变量,只在 let 关键字所在的代码块内有效,且不允许重复声明。(局部变量)
2.ECMAScript6 新增了 const 关键字,用来声明一个只读的常量。一旦声明,常量的值就不能改变。(常量)
- 数据类型和运算符
- 数据类型
JavaScript中分为原始类型和引用类型
使用typeof运算符可以获得数据类型;
注意:null得出的是Object
- 运算符
类型转换
(1)字符串类型转为数字:
将字符串字面值转为数字。 如果字面值不是数字,则转为NaN
类型转换 - 其他类型转为数字
alert(parseInt("12")): //12
alert(parseInt("12A45")); //12
alert(parseInt("A45"));//NaN (not a number)
(2)其他类型转为boolean:
Number: 0和 NaN为false,其他均转为true.
String: 空字符串为false,其他均转为true。0
Null和undefined : 均转为false.
函数
JS对象
- Array对象
特点:长度可变,类型可变
- String对象
- JSON对象
JSON-介绍
概念:lavaScript Obiect Notation,lavaScript对象标记法
JSON 是通过JavaScript 对象标记法书写的文本
由于其语法简单,层次结构鲜明,现多用于作为数据载体,在网络中进行数据传输。
基础语法:
- BOM对象
- DOM对象
获取元素
事件监听
事件:HTML事件是发生在HTML元素上的“事情”
按钮被点击
鼠标移动到元素上
按下键盘按键
事件监听:JavaScript可以在事件被侦测到时 执行代码
- 事件绑定
- 常见事件
Vue
常用指令
注意:通过v-bind和v-model绑定的变量,必须在数据模型中声明