1、使用表单标签，与用户交互 网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。 语法： 结束。 2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method ： 数据传送的方式（get/post）。 注意: 1、所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在标签之间（否则用户...
1.延时脚本运行的方法： 方法一：把全部javascript引用放在元素中，页面内容后，如 代码如下: 示例1 方法二：为元素定义defer属性defer="defer",如 代码如下: 示例1 JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实现换肤功能JS中tou...
简介基本HTML属性 <td [attr.colspan]="tableColspan"></td>Css 类绑定 <!-- 第一种情况 class 类全部替换 --> <div [class]="divClass">CSS 类绑定，[class] 全部替换的例子</div><!-- 第二种情况 替换 class 类的部分属性 --> <div [class.a]="isSpcial">CSS 类绑定，[class.sepcial] 部分替换的例子</div><!-- 第三种情况 根据表达式显示部分 class 属性--> <div [ngClass]="{a:isA, b:isB}">CSS 类绑定，[ngClass] 替换多个的...
一 ： 指令的概念： 指令是vue自定义的以v-开头的自定义属性。每个不同的属性都有各自不同的意义和功能 二 ： 指令的语法： v-指令名 = “表达式判断或者是业务模型中属性名或者事件名” 三 ： 具体指令 1. v-text 作用 ： 操作元素中的纯文本快捷方式 ： {{}} 栗子1 简写形式：将v-text=""换成{{}} <div id="app">{{ message }} </div> var app = new Vue({el : #app,data : {message : hello world } })结果：hello world 栗子2...
1.延时脚本运行的方法： 方法一：把全部javascript引用放在<body>元素中，页面内容后，如 代码如下:<html> <head> <title>示例1</title> </head> <body> <!--页面内容--> <script type="text/javascript" src="example1.js"></script> <script type="text/javascript" src="example2.js"></script> </body> </html> 方法二：为<script>元素定义defer属性defer="defer",如 代码如下:<html> <head> <title>示例1</title> <script ...
1.什么是HTML标记语言？ HTML是表示网页信息的符号标记语言。 2.HTML的标记和他的属性 1.HTML文档的保存格式：.html、.htm、.xhtml 2.标记和被标记的内容构建出HTML文档。格式：<标记>内容</标记> 3.标记的属性（用来控制图像、文本等如何的显示）格式：<标记 属性1=属性值 属性2=属性值...>内容</标记> 3.语法不区分字母大小写 <HTML>、<Html>、<html>都是定义相同的标记，但是在编写网页的使用尽量使用小写。 4.文档注释 注释一段...
什么是 HTML5？HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。HTML5 新规则：新特性应该基于 HTML、CSS、DOM 以及 JavaScript。减少对外部插件的需求（比如 Flash）更优秀的错误处理更多取代脚本的标记HTML5 应该独立于设备开发进程应对公众透明新特性HTML5 中的一些有趣的新...
HTML元素 元素是指从开始标签到结束标签的所有代码.开始(开放)标签元素内容结束(闭合)标签<p>this is my web page</p> 没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。即使 <br> 在所有...
left;">HTML样式 1, 标签:<style>: 样式定义<link>: 资源引用 2. 属性: rel="stylesheet": 外部样式表type="text/css": 引入文档的类型margin-left:边距 3. 三种样式表的插入方法 外部样式表: <link rel="stylesheet" type="text/css" href="mystyle.css"> 注: 外部样式表需要创建css文件, 右击工程目录 New->File, 命名为:MyStyle.css, 必须指定后缀名. .html文件需与.css放在同一目录下. 代码示...
HTML列表 列表标签标签描述<ol>定义有序列表。<ul>定义无序列表。<li>定义列表项。<dl>定义定义列表。<dt>定义定义项目。<dd>定义定义的描述。<dir>已废弃。使用 <ul> 代替它。<menu>已废弃。使用 <ul> 代替它。常用的列表1. 无序列表使用标签: <ul>, <li>属性: disc, circle, square示例:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>聊表</title></head><body><!--无序列表, 列表项为li--><!--disc 实...
之前已经介绍过简单的绘制路径，本篇介绍绘制折线和贝塞尔曲线，首先介绍折线，效果如下：代码如下：context.beginPath(); context.moveTo(100,50); //context.lineTo(100,50); context.lineTo(150,150); context.lineTo(50,150); //context.closePath(); context.stroke();之前介绍过moveTo后接起点的横纵坐标，我试了一下，第一个是lineTo也可以，后面的lineTo就是从这个点到下一个点画一条直线，然后再以这个点为起点，在调line...
本篇介绍简易的图片操作，首先是简易的图片显示效果如下：就是把一张简单的jpg格式的图片显示在网页上，实现起来也非常简单，代码如下：var image = new Image(); image.src = "icon.jpg"; image.onload = function(){context.drawImage(image,50,50); }首先创建一个Image对象，然后把image对象的src属性设置为图片的相对路径，最后，重写onload方法，就是一旦图片加载完成则显示出来。下面介绍将我们所绘制的图形导出成图片，效果...
上一篇讲了图片的两种操作，读入和导出，而读入图片之后的画图片我们采用的是只有三个参数的drawImage，本篇将分别介绍5个参数，和9个参数的drawImage，其实最后一个函数很像j2me里面的drawRegion。首先介绍5个参数的可以调整图片大小的drawImage函数。首先来看如下效果：代码如下：var image = new Image(); image.src = "grossini.png"; image.onload = function(){ context.drawImage(image,50,50); context.drawImage(image,10...
小满（bill man）个人原创，欢迎转载，转载请注明地址，小满（bill man）的专栏地址http://www.gxlcms.com/之前的图形变换中的那些操作的状态值，在图片操作里依然有用，虽然像缩放这样的操作我们在绘制的时候就可以实现，不过这依然是一种实现的方法1.图片的平移，效果如下：代码如下：var image = new Image(); image.src = "grossini.png"; image.onload = function(){context.drawImage(image,50,50);context.translate(100,10...
之前都是简单的静止绘图，本篇实现一个简单的动画效果，效果如下：就是让人物向斜下方运动，代码如下：主要是由两个函数组成，首先当页面载入的时候调用init函数，首先来看init函数，init函数首先是几句初始化的内容，获得上下文等等，然后是生成图片对象，生成图片对象主要是如下几句：this.image = new Image(); this.image.src = "grossini.png"; this.image.onload = function(){setTimeout(update,33); }这个在之前提到过，主...