关于onclick的行为与内容分离 1.通过链接触发弹出窗口方式 （不推荐使用此方法！！！）<a href=# onclcik = "window.open(holiday_pay.html,WinName,width=300, height = 300);"> Holiday Pay </a>如果JS被禁用链接无法引导用户进入对应页面,不要为href属性赋"#"及类似的值2.普通情况<a href=holiday_pay.html onclcik = "window.open(this.href,WinName,width=300, height = 300);"> Holiday Pay </a>3.0 大量重复...
1.canvas绘制步骤添加canvas元素，定义id和范围js里获取canvas元素通过getContext()方法获取2D绘制环境通过不同的函数进行图形绘制坐标定位绘制的图形定位都是以canvas的左上角为(0,0)原点绘制直线moveTo(): 规定起始点lineTo(): 从起点绘制到规定坐标的直线stroke(): 实现绘制直线的功能fill(): 实现填充功能实例：绘制一个三角形html代码 js代码window.onload = function(){ var canvas = document.getElementById("canvas");ca...
1.概述Canvas API（画布）用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。使用前，首先需要新建一个<canvas>网页元素。<canvas id="myCanvas" width="400" height="200">您的浏览器不支持canvas！ </canvas>上面代码中，如果浏览器不支持这个API，则就会显示<canvas>标签中间的文字——“您的浏览器不支持canvas！”。每个canvas节点都有一个对应的context对象（上下文对象）...
总是遇到h5新标签的笔试题目，就查阅了资料来总结一下：1.form相关：（1）form属性：在HTML5中表单元素可放在表单之外，通过给该元素添加form属性来指向目标表单（form属性值设为目标表单id）即可。（2）formaction属性：HTML5给提交按钮(如button、submit、image等)增加了formaction属性，以便提交到不同的服务器地址。（3）formmethod属性：用法同formaction。（4）placeholder属性：用于文本框处于未输入状态时的一种文字提示。...
1.1.1 摘要相信有C/C++、C#或Java等编程经验的各位，对于this关键字再熟悉不过了。由于Javascript是一种面向对象的编程语言，它和C/C++、C#或Java一样都包含this关键字，接下来我们将向大家介绍Javascript中的this关键字。1.1.2 正文由于许多面向对象的编程语言都包含this关键字，我们会很自然地把this和面向对象的编程方式联系在一起，this通常指向利用构造器新创建出来的对象。而在ECMAScript中，this不仅仅只用来表示创建出来的...
why?call,apply,bind干什么的?为什么要学这个? 一般用来指定this的环境，在没有学之前，通常会有这些问题。var a = {user:"追梦子",fn:function(){console.log(this.user);} } var b = a.fn; b(); //undefined 我们是想打印对象a里面的user却打印出来undefined是怎么回事呢?如果我们直接执行a.fn()是可以的。var a = {user:"追梦子",fn:function(){console.log(this.user);} } a.fn(); //追梦子 这里能够打印是因为，这里...
水平对齐textAlignJavaScript Code复制内容到剪贴板context.textAlign="center|end|left|right|start"; 其中各值及意义如下表。 值描述start默认。文本在指定的位置开始。end文本在指定的位置结束。center文本的中心被放置在指定的位置。left文本左对齐，right文本右对齐。我们通过一个例子来直观的感受一下。JavaScript Code复制内容到剪贴板"zh"> "UTF-8"> textAlign body { background:...
概述 HTML5中的Canvas并没有直接提供绘制椭圆的方法，下面是对几种绘制方法的总结。各种方法各有优缺，视情况选用。各方法的参数相同： context为Canvas的2D绘图环境对象， x为椭圆中心横坐标， y为椭圆中心纵坐标， a为椭圆横半轴长， b为椭圆纵半轴长。 参数方程法 该方法利用椭圆的参数方程来绘制椭圆 代码如下: //-----------用参数方程绘制椭圆--------------------- //函数的参数x,y为椭圆中心；a,b分别为椭圆横半轴、 //纵半...
前面介绍了很多的基本元素，包括结构相关的组合和重用元素，这里先对SVG的文档结构中剩下的相关元素简单总结一下，然后继续向前领略SVG的其他特性。 SVG文档的元素基本可以分为以下几类： •动画元素：animate,animateColor,animateMotion,animateTransform,set； •解释元素：desc,metadata,title； •图形元素：circle,ellipse,line,path,polygon,polyline,rect； •结构元素：defs,g,svg,symbol,use； •渐...
1、canvas中文教程https://developer.mozilla.org/zh-CN/docs/Canvas_tutorial 2、canvas默认宽高是300、150，为避免异常，最好使用显示属性添加而不通过css来添加宽高 3、在canvas标签内部添加不支持canvas标签的浏览器的说明 4、通过下面的js代码也能判断浏览器是否支持canvas 代码如下: var canvas = document.getElementById(tutorial); if (canvas.getContext){ var ctx = canvas.getContext(2d); // drawing code here } els...
postMessagePortal.html 页面代码代码如下:标题 var targetOrigin = "http://22527.vhost20.boxcdn.cn"; var defaultTitle = "Portal";var notificationTimer = null; function messageHandler(e) { if (e.origin == targetOrigin) { notify(e.data); } else { // ignore messages from other origins }} function sendString(s) { document.getElementById("widget").contentWindow.postMessage(s, tar...
本文详细总结了html5各种页面切换效果和模态对话框用法。分享给大家供大家参考。具体分析如下： 页面动画： data-transition 属性可以定义页面切换是的动画效果。例如：Ill popdata-transition 参数表： 参数说明 slide 从右侧向左滑入页面slideup 从底部向上滑入slidedown 从上向下滑入pop 从中心渐显展开fade 渐显flip 翻转 备注：如果想要在目标页面中显示后退按钮，可以在链接中加入 data-direction="reverse"属性，这个属性和...
最近在做手机页面时，遇到数字输入的键盘的问题，之前的做法只是一刀切的使用 type="tel"，不过一直觉得九宫格的电话号码键盘上的英文字母太碍事了。于是想要尝试其它的实现方案，最终的结论却令人沮丧。不过也趁机详细了解了下pattern这个属性。type="tel" 和 type="number" 的区别 这里还是先那么先交代一下最初遇到的问题。其实无论是tel还是number都不是完美的：type="tel"优点是iOS和Android的键盘表现都差不多 缺点是那些...
线条属性概述线条的属性共有以下四个：1、lineCap属性lineCap 定义上下文中线的端点，可以有以下 3 个值。 butt：默认值，端点是垂直于线段边缘的平直边缘。round：端点是在线段边缘处以线宽为直径的半圆。square：端点是在选段边缘处以线宽为长、以一半线宽为宽的矩形。 2、 lineJoin属性lineJoin 定义两条线相交产生的拐角，可将其称为连接。在连接处创建一个填充三角形，可以使用 lineJoin 设置它的基本属性。 miter：默认值，在...
本篇文章给大家带来的内容是关于iframe和frame的区别是什么？iframe和frame的区别总结，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。【推荐阅读：Html5教程】iframe有那些缺点？iframe会阻塞主页面的Onload事件搜索引擎的检索程序无法解读这种页面，不利于SEOiframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载使用iframe之前需要考虑这两个缺点。如果需要使用iframe，最好是...