本文实例讲述了JS+HTML实现的圆形可点击区域。分享给大家供大家参考，具体如下： 方法一： <img>通过usemap映射到<map>的circle形<area>。 <img src="images/lanlvseImg.png" usemap="#Map" /> <map name="Map" id="Map"><area shape="circle" coords="100,100,50" href="http://www.baidu.com" rel="external nofollow" target="_blank"/> </map>方法二： 设置div的border-radius:50%。 <div id="circle"></div> #circle{backgro...
本文实例讲述了JS实现HTML页面中动态显示当前时间。分享给大家供大家参考，具体如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>www.gxlcms.com JS动态显示时间</title><script>var timer=null;function displayClock(num){//num是传入的startClock中的动态值if(num<10){return "0"+num;}else{return num;}}//停止计时function stopClock(){clearTimeout(timer);}//开始计时function startClock(){var time =...
HTML5真的是很强大，前端时间看到一个canvas实现九宫格的密码解锁。今天抽出时间模仿了一个，特定分享一下！ 效果截图如下：效果看起来还不错吧！ 源码如下： <!DOCTYPE html> <html> <head lang="zh-CN"><meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/><meta charset="UTF-8"><title>html5实现网页解锁功能</title><style type="text/css">html, body {margin: 0;...
导出的页面组件如下： <template><div id="resumeId"><resumeHtml ref="resume" @on-download="download"/></div> </template>1、导出html 方法： 1）获取要导出的组件页面的css把它设置成js变量一文本并通过export导出 2）获取要导出组件页面的html的dom标签代码，通过this.$refs.resume.$el.innerHTML获取，也可以通过document.getElementById('resumeId')获得 3）构造html页面，并使用createObjectURL构造一个文件流并下载，如下...
本文实例讲述了JS实现动态生成html table表格的方法。分享给大家供大家参考，具体如下： 刚在论坛上面逛的时候看到有人问html表格怎么动态生成，我回了一下发现有好多小伙伴追问- - 看来还是有很多人不会的啊，于是决定写个博来解救万千小伙伴于水火之中（mdzz） 首先我们要在html里面有如下代码： <table><tbody id="tbody1"></tbody> </table>如果想在table里面加其他的可以随便加（如加一个表头等等），只需要知道等会js动态生成...
本文实例讲述了JS实现获取word文档内容并输出显示到html页面。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><script>var w = new ActiveXObject(Word.Application);var docText;var obj;if(w != null) {w.Visible = true;obj = w.Documents.Open("D:\\word\\go.doc");docText = obj.Content;w.Selection.TypeText("Hello");w.Documents.Save();document.w...
先来 看看具体效果：实现方法： 1.下载并引入 angularjs 2.HTML代码： <!DOCTYPE html> <html lang="en" ng-app="test"> <head><meta charset="UTF-8"><title>Html5 拖拽行为和AngularJs的结合</title><meta charset="utf-8"/><script type="text/javascript" src="js/angular.js"></script><style>.to-drag, .drag-stop {display: inline-block;}</style> </head> <body ng-controller="main"> <div class="to-drag"><ul><li ng-r...
动态替换html内容 1.实现的功能及原理 实现了将，用户表单的数据，与html相结合，将用户输入的数据，显示到html对应的位置。 原理：通过正则表达式，替换html中的模板数据 如用户名{name},可以通过拿到用户提交的name的值value，通过 replace（正则表达式，value）的方式替换掉原模板数据，并输出到客户端。 2.主要用到的方法和模块 2.1文件操作模块 var fs=require("fs"); 方法： 2.1.1 异步读取文件的方法 fs.readFile(path,call...
本文实例讲述了jQuery简单实现的HTML页面文本框模糊匹配查询功能。分享给大家供大家参考，具体如下： 项目中需要用到此功能，使用过EasyUI中的Combobox，网上也搜过相应的解决办法，对于我的项目来说都不太合适，因为我还是喜欢比较纯粹的东西，就自己动手写了一个，比较简单，但还算能用，我的项目中也已经使用上了，做了个小demo作为记录，有需要的自己改一改就好了。 使用在线HTML/css/JavaScript运行工具：http://tools.jb51.n...
本文实例讲述了基于JS实现html中placeholder属性提示文字效果。分享给大家供大家参考，具体如下： 如何通过js实现html的placeholder属性效果呢 我们需要这样做： <!DOCTYPE html> <html><head><meta charset="utf-8"><title>www.gxlcms.com JS实现placeholder属性效果</title><script>function bl(){var a=document.getElementById("inpt");if(a.value.length<=0){a.style.color="#999999";a.value="请输入姓名";}}function fo(){v...
本文实例讲述了JS实现的将html转为pdf功能。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html> <head><title>jsPDF插件</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script src="https://code.jquery.com/jquery-git.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script><script src="https://cdnjs.cloudflare.com/ajax/lib...
下拉框包含option中的Value和用来显示的选项， 一般后台都是使用的Value值，而不是显示在前台的选项 第一步: 编写下拉框需要的枚举类型 StatusEnum.java public enum StatusEnum {RED,YELLOW,GREEN }第二步: 编写用来存放下拉框中对应的option中的Value和显示的选项 StatusDTO.java public class StatusDTO {private String code;private String name;//setter , getter }第三步: 编写controller (resource) statusResource....
Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。 在vue里最常见的数据绑定是使用“Mustache”语法 (双大括号) 的文本插值： <span>Message: {{ value }}</span> // 插值文本无论何时，绑定的数据对象上 value 属性发生了改变，页面上都会响应的做出重新渲染。或者有时候只是想更新一次，不想每次都更...
效果图选择后 js代码 <script language="javascript" type="text/javascript">//定义 费用科目 数据数组fylxArray = new Array();fylxArray[0] = new Array("","");fylxArray[1] = new Array("汽车费用","汽油费|过路费|修理费");fylxArray[2] = new Array("房屋租赁费","分公司及办事处房租|宿舍房租|项目房租");fylxArray[3] = new Array("差旅费用","餐费|住宿费|交通费");fylxArray[4] = new Array("招待费","招待费");fylxArr...
前言 PS：本次项目中使用了大量 es6 语法，故对于 es6 语法不太熟悉的小伙伴最好能先了解一些基本的原理再继续阅读。 首先，先说明一下做这个系列的目的：其实主要源于博主希望熟练使用 canvas 的相关 api ，同时对小游戏的实现逻辑比较感兴趣，所以希望通过这一系列的小游戏来提升自身编程能力；关于 es6 语法，个人认为以后 es6 语法会越来越普及，所以算是提前熟悉语法使用技巧。小游戏的实现逻辑上可能并不完善，也许会有一些 ...