表格、表单、js常识总结-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

表格、表单、js常识总结

简介:

表格、表单、js常识

1.表格

- 在网页中可以通过表格来表示一些格式化的数据
- 表格相关的标签
- <table> 用来创建一个表格
- <tr> 表示表格中的一行
- <th> 表示表头中的单元格
- <td> 表示表格中的单元格
- 属性:
colspan 横向的合并单元格
rowspan 纵向的合并单元格
- 例子:
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>

- 长表格
- <thead> 表格的头部
- <tbody> 表格的主体
- 注意:如果表格中没有写thead tbody tfoot,浏览器会自动向table中添加一个tbody
并且将所有的tr都放到tbody中,tr是tbody的子元素,不是table的子元素
- <tfoot> 表格的底部

2.表单
- 表单可以将用户的信息提交到服务器中
- <form>
- 用来创建一个表单
- 属性:
action:需要一个服务器地址,提交表单时表单中的内容将会被提交到该地址
- 表单项
- <input />
- 它可以根据不同的type属性值,生成不同的表单项
- type="text" 文本框 <input type="text" name="" />
- type="password" 密码框 <input type="password" name="" />
- type="radio" 单选按钮 <input type="radio" name="" value="" checked="checked" />
- type="checkbox" 多选框 <input type="checkbox" name="" value="" checked="checked" />
- type="submit"  提交按钮 <input type="submit" value="按钮上的文字" />
- type="reset"  重置按钮 <input type="reset" value="按钮上的文字" />
- type="button" 普通按钮 <input type="button" value="按钮上的文字" /> 

- <select>
- 下拉列表
- <select name="">
<option value="" selected="selected"></option>
<option value=""> </option>
<option value=""></option>
</select>

- <button>
- 按钮功能input那几个按钮一样,但是它们要灵活一些
<button type="submit">按钮的文字</button>
<button type="reset">按钮的文字</button>
<button type="button">按钮的文字</button>

3.JavaScript
- JavaScript负责页面中的的行为。
- 它是一门运行在浏览器端的脚本语言
- JS的编写的位置
1.可以编写到标签的指定属性中
<button onclick="alert('hello');">我是按钮</button>
<a href="javascript:alert('aaa');">超链接</a>

2.可以编写到script标签中   *****
<script type="text/javascript">
//编写js代码
</script>

3.可以将代码编写到外部的js文件中,然后通过标签将其引入 *****
<script type="text/javascript" src="文件路径"></script>

- 输出语句
- alert("要输出的内容");
- 该语句会在浏览器窗口中弹出一个警告框

- document.write("要输出的内容");
- 该内容将会被写到body标签中,并在页面中显示

- console.log("要输出的内容");
- 该内容会被写到开发者工具的控制台中

- 基本的语法
- 注释
- 单行注释
//注释内容
- 多行注释
/*
注释内容
*/

- JS严格区分大小写
- JS中每条语句以分号(;)结尾,不写浏览器在解析的时候会自动加上
- JS中会自动忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化。

- 字面量和变量
- 字面量
- 字面量实际上就是一些固定的值,比如 1 2 3 4 true false null NaN "hello"
字面量都是不可以改变的。
- 由于字面量不是很方便使用,所以在JS中很少直接使用字面量

- 变量
- 变量可以用来保存字面量,并且可以保存任意的字面量
- 一般都是通过变量来使用字面量,而不直接使用字面量,而且也可以通过变量来对字面量进行一个描述
- 声明变量
- 使用var关键字来声明一个变量
var a;
var b;
var c;

- 为变量赋值
a = 1;
b = 2;
c = 3;

- 声明和赋值同时进行 *****
var d = 456;
var e = 789;

- 标识符
- 在JS中所有的可以自主命名的内容,都可以认为是一个标识符,
是标识符就应该遵守标识符的规范。
- 比如:变量名、函数名、属性名
- 规范:
1.标识符中可以含有字母、数字、_、$
2.标识符不能以数字开头
3.标识符不能是JS中的关键字和保留字
4.标识符一般采用驼峰命名法

xxxYyyZzz


原文发布时间为:2018年04月21日

原文作者:Song-宋-Song

本文来源CSDN如需转载请联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章