随笔分类 - 前端笔记 / HTML_CSS_JS
JS_13_操作表格对象
摘要：表格对象的rows属性可获得所有的行对象。 行对象的cells属性可获得所有的列对象。 删除行对象： //获取行对象的角标 行对象.rowIndex； //通过角标删除行对象 表格对象.deleteRow(角标)； 例子： 实现了： 1、使用行内按钮删除行。 2、使用选择框删除选中的行。 3、修改指
JS_12_表单校验
摘要：实现了常见的注册表单的校验。 初始界面： 同意协议后可以点击注册按钮： 输入符合条件的数据： 实现代码： <!DOCTYPE html> <html> <head> <title>表单校验</title> <meta charset="UTF-8"> <style type="text/css">
JS_11_操作form对象
摘要：通过操作form对象，咱可以动态进行数据提交。 一、form对象 获取form对象： //使用id值获取form对象 var frm = document.getElementById('frm_id'); //使用name值获取form对象 var frm2 = document.frm_name
JS_10_document对象、操作元素
摘要：js中用来操作HTML文档的对象，通过操作document对象可以对正在运行的代码进行修改。 一、获取HTML标签对象 直接获取： 1、通过id获取：window（可省）.document.getElementById("标签的id值"); 2、通过name获取：document.getElemen
JS_9_window对象
摘要：BOM浏览器对象模型：规范浏览器对js的支持，即js调用浏览器的功能。 它的具体实现为windows对象 一、框体方法 弹出一个框框，调用时候window可省略不写。 警告框： 会显示一个确认按钮，返回undefined。 window.alert("警告语"); 确认框： 会显示一个确认按钮和取消
JS_8_事件机制
摘要：在页面内的规定行为，触发指定函数的执行。 一、声明事件 给某个标签添加事件，配合定义好的函数使用。 格式： <标签名 事件名="函数1名；函数2名";..... > 例子： 二、常见事件 单击事件：（常用于按钮标签） onclick，鼠标单击时触发。 双击事件：（常用于按钮标签） ondblclic
JS_7_常用方法和对象
摘要：JS开发者提供的对象方法。 一、字符串操作 常用操作： 大小写转换、截取、查找。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>学习使用类</title> <script type="text/javascript"> //转
JS_6_自定义对象
摘要：JS中万事万物皆对象，灵活！ 对象： 可以调用不存在的属性方法（自动扩充），值为undefined。 可以直接新增属性方法。 创建自定义对象： //创建一个自定义对象 var 对象名 = new Object（）； //给它新增属性 对象名.属性名 = 属性值 //给他新增方法，其实方法也是属性 对
JS_5_自定义类
摘要：JS的类比较死板，它的对象不会共享方法。 创建一个类： 格式： function 类名（形参）{ this.属性名 = 形参; ... this.属性名 = "值"; ... this.方法名 = function(形参){ 方法体; } } 在JS中，类的方法并不共享，每创建一个对象都会给它单独分
JS_4_函数
摘要：js中函数也是对象。 函数的声明： 1、function 函数名（参数1，参数2，....）{ 执行体 } function test1(i,j){ alert(i+j) } 2、var 函数名 = new Function("参数1"，"参数2"，......，"执行体" )； var test0
JS_实现简单计算器
摘要：超级超级简单的计算器一个。 HTML代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>简易计算器</title> <link rel="stylesheet" href="calculator.css"> <script
JS_3_数组
摘要：JavaScript中的数组是自动扩容的。 灵活地！ 声明： 1、var arr = new Array(); 2、var arr = new Array(length); 3、var arr = [ ]; 赋值和取值： 通过角标赋值取值，若角标不存在，会取到undefined。 数组的length
JS_2_运算符、逻辑结构
摘要：与Java大抵是类似的。 一、算术运算符 +、-、*、/、%。 适用于： number类型与number类型。 number类型与boolean类型（boolean自动转：true--1,false-0）。 number类型与string类型（-、*、/、%运算：string自动转为number，+
JS_1_引入、变量
摘要：JavaScript，脚本语言，基于HTML，使得网页能够实现与用户的互动。 一、引入js代码 1、在html中声明js代码域： <script type="text/javascript"> js代码... </script> 2、引入外部js文件： <script src="js文件url" t
CSS_2_盒子模型、定位
摘要：使用css可以进行布局设计。 div标签： 定义 HTML 文档中的一个分隔区块或者一个区域部分。 常用于组合块级元素，以便通过 CSS 来对这些元素进行格式化。 盒子模型： 1、外边距：margin，用来设置元素与元素之间的间隔：margin：0px auto，指设置上下边框为0，左右为自动相对（
CSS_1_引入、选择器、常用样式
摘要：css是指层叠样式表，依赖于HTML存在，作用：给网页进行样式开发，给网页进行布局。 注释格式：/*注释*/ 一、使用过程： 1、声明css代码域 2、使用选择器选择要添加样式的标签 3、书写样式单 二、声明方式： 1、在head标签中使用style标签声明：一般为某类标签的公共样式。 <style
HTML_5_表单
摘要：表单是指发送给服务器的数据。 步骤： 1、使用form标签声明一个表单域。 属性：action，目的地的url。 method，提交方式：get，适合小量数据，显式提交，不安全。post，适合大量数据，隐式提交，安全。 2、在表单域内获取用户输入值。 使用输入标签input 属性：name，键值对的
HTML_4_内嵌标签与框架标签
摘要：内嵌标签：指的是在标签内选定一块区域显示其它的html页面。 框架标签：指的是使用frameset标签替代body标签，而后对页面进行分割。 内嵌标签： iframe，在页面内选定一块区域显示指定的其它网页。 例子： 实现了点击超链接后在页面内的窗口，打开对应网页。 <html> <head> <t
HTML_3_常用body标签
摘要：body标签是html组成的一部分，用于以一定的组织形式显示数据给用户阅读。 一、文本标签 标题标签： h1-h6：依次变小，自动换行。（会自动换行的标签称为块级标签） 属性：align（位置），默认居中center。 水平线标签： <hr /> ：一条直线。 属性：width（宽度）、size（高
HTML_2_常用head标签
摘要：head标签是html组成的一个部分，主要用于配置页面信息。 标题标签： <title>网页标题！</title> 编码格式标签： <!--编码配置：html5--> <meta charset="UTF-8"> <!--编码配置：html4--> <meta http-equiv="content
