首页> 网页设计教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
网页设计教程
  • DIV的失去焦点(blur)实现方法

    DIV的失去焦点(blur)实现方法

    用防抖实现DIV鼠标移出消失由于div标签本身不支持onblur事件,所以对于点击一个按钮弹出的div,我们想要当这个div失去焦点的时候,让它消失不能使用的onblur来实现。但是可以利用onmouseout和事件来实现DIV失去焦点消失
    2025-01-27
  • 利用javascript数组长度循环数组内所有元素

    利用javascript数组长度循环数组内所有元素

    复制代码代码如下:<script type="text/javascript"><!--var arr = new Array(13.5,3,4,5,6);for(var i=0;i<arr.length;i++){arr[i] = arr
    2025-01-27
  • 关于移动端页面强制竖屏的方法

    关于移动端页面强制竖屏的方法

    最近工作中写了一个移动端的页面,本来是没什么的,但是有一个要求感觉很奇怪,从前也没有遇到过,就是我写的这个页面需要放在一个APP中,但是这个APP是横屏的,打开这个页面的webview也是横屏的(最新版的APP打开的时候是竖屏的webvie
    2025-01-27
  • 表格奇偶行设置不同颜色的核心JS代码

    表格奇偶行设置不同颜色的核心JS代码

    这是一个比较实用的功能,设置奇偶行颜色不同后阅读表格数据的体验明显变好,否则数据会显得非常繁杂拥挤(当表格数据行多时体验尤为明显)。只有当你自己真正做这方面的东西接触到时才有强烈的体会,反正我是刚刚经历了,留在这里备参考吧~ 核心JS脚本代
    2025-01-27
  • web页面录屏实现

    web页面录屏实现

    在前面的话在看到评论后,突然意识到自己没有提前说明,本文可以说是一篇调研学习文,是我自己感觉可行的一套方案,后续会去读读已经开源的一些类似的代码库,补足自己遗漏的一些细节,所以大家可以当作学习文,生产环境慎用。录屏重现错误场景如果你的应用有
    2025-01-27
  • Html5内唤醒百度、高德APP的实现示例

    Html5内唤醒百度、高德APP的实现示例

    前几天,联合黑卡反馈了一个需求,需要在H5中打开百度APP或者是高德APP,于是我在网上查了相关文档,下面放上链接: 1.高德地图2.百度地图具体思路就是点击选择地图的时候,先去请求APP链接,800毫秒后无响应,再跳转至H5链接。这样的做
    2025-01-27
  • html5 canvas绘制放射性渐变色效果

    html5 canvas绘制放射性渐变色效果

    canvas有些地方还是有点坑的,比如fillRect是方法不是属性,如果写成fillRect=这样是没效果的,而且还不报错....这里用到了createRadialGradient这个API 这个API接收6个参数,前三个表示底下的圆,后
    2025-01-27
  • js函数名与form表单元素同名冲突的问题

    js函数名与form表单元素同名冲突的问题

    今天在导出Excel的时候用了Form 表单的input hidden 来区分导出和搜索。开始的时候js中的onClick事件的函数名 和 hidden 中的 id 命名一样。结果导致报错:调用函数的那一行对象不支持此属性。找了很长时间都找
    2025-01-26
  • JS的replace方法

    JS的replace方法

    定义和用法 replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 但是结果
    2025-01-26
  • html5实现移动端适配完美写法

    html5实现移动端适配完美写法

    在pc版网页(http://pc_url) 上,添加:<link rel=alternate media=only screen and(max-width: 640px) href=http://pc_url >在移动版网页(http:/
    2025-01-26
  • Canvas 文字碰撞检测并抽稀的方法

    Canvas 文字碰撞检测并抽稀的方法

    需求背景一般在做地图相关的需求是才会用到文字抽稀,我也是在为公司的地图引擎实现一个功能时才实现了该方法,在这里将其简化了,就在普通的 Canvas 上进行操作,并没有引入地图概念效果碰撞检测计算文字在 canvas 中所占据的范围// 计算
    2025-01-26
  • httpclient模拟登陆具体实现(使用js设置cookie)

    httpclient模拟登陆具体实现(使用js设置cookie)

    httpclient模拟登陆(使用js设置cookie) 复制代码代码如下: <html> <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> <link
    2025-01-26
  • Javascript中各种trim的实现详细解析

    Javascript中各种trim的实现详细解析

    这是lgzx公司的一道面试题,要求给js的String添加一个方法,去除字符串两旁的空白字符(包括空格、制表符、换页符等)。 复制代码代码如下:String.prototype.trim = function() { //return th
    2025-01-26
  • 详解HTML5 录音的踩坑之旅

    详解HTML5 录音的踩坑之旅

    开篇闲扯前一段时间的一个案子是开发一个有声课件,大致就是通过导入文档、图片等资源后,页面变为类似 PPT 的布局,然后选中一张图片,可以插入音频,有单页编辑和全局编辑两种模式。其中音频的导入方式有两种,一种是从资源库中导入,还有一种就是要提
    2025-01-26
  • js生成随机数之random函数随机示例

    js生成随机数之random函数随机示例

    JavaScript Math.random()内置函数 random函数返回值 返回0和1之间的伪随机数,可能为0,但总是小于1,[0,1) random函数示例//返回随机数 document.write(Math.random());
    2025-01-26