首页> 网页设计教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
网页设计教程
  • 调试代码导致IE出错的避免方法

    调试代码导致IE出错的避免方法

    复制代码代码如下: if(!window.console){ var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml","group",
    2025-02-14
  • 判断JS对象是否拥有某种属性的两种方式

    判断JS对象是否拥有某种属性的两种方式

    两种方式,但稍有区别1,in 运算符复制代码代码如下:var obj = {name:'jack'}; alert('name' in obj); // --> true alert('toString' in obj); // --> t
    2025-02-14
  • Javascript中最常用的55个经典技巧(1)

    Javascript中最常用的55个经典技巧(1)

    1. 将彻底屏蔽鼠标右键 oncontextmenu="window.event.returnValue=false"
    2025-02-14
  • 鲜为人知的HTML5语音合成功能

    鲜为人知的HTML5语音合成功能

    听一下就会发现,播放出来的声音并不是预先录制好的音频资料,而是通过文字识别后合成的语音请先戴上耳机,然后将下面的代码复制到chrome控制台中体验~let msg = new SpeechSynthesisUtterance(欢迎你阅读我的
    2025-02-14
  • 网页设计统计报告:五年以来网页体积增长三倍

    网页设计统计报告:五年以来网页体积增长三倍

    Ryan Levering 和 Michal Cutler 在2006年对21500个非 Frame 型网页进行了统计,发现,这些网页平均包含474个单词,281个 HTML 标签,41个链接,其中有10个是站外链接,他们还发现,平均页面高度为1440像素,是屏幕高度的两倍,当页面打开的时候,用户看到最多的是图形,而不是文字,图形是网页中最主要的对象,图形是页面打开速度缓慢的最主要因素。
    2025-02-14
  • HTML5canvas 绘制一个圆环形的进度表示实例

    HTML5canvas 绘制一个圆环形的进度表示实例

    HTML5 canvas 绘制圆环形进度先看一下画出来的效果,如下图,这样一个圆环形的进度.我这里使用HTML5的Canvas来要制作这样一个圆环形的进度,首先是HTML页面,HTML5的文档标识是:<!DOCTYPE html>这个文档标
    2025-02-14
  • 关于js数组去重的问题小结

    关于js数组去重的问题小结

    1.根据js对象中key不重复的原则,构思出数组去重的方法,按照最常规的思维如下:复制代码代码如下:function distinctArray(arr){var obj={},temp=[];for(var i=0;i<arr.lengt
    2025-02-14
  • HTML5、Select下拉框右边加图标的实现代码(增进用户体验)

    HTML5、Select下拉框右边加图标的实现代码(增进用户体验)

    本文给大家讲h5、select下拉框右边加图标,深度美化页面增进用户体验效果1.那么我们先来看一下效果吧!2.再看看h5的结构:<div id=login-div> <div class=select-wrap
    2025-02-14
  • 怎么判断js脚本加载完成

    怎么判断js脚本加载完成

    在“按需加载”的需求中,我们经常会判断当脚本加载完成时,返回一个回调函数,那如何去判断脚本的加载完成呢?我们可以对加载的 JS 对象使用 onload 来判断(js.onload),此方法 Firefox2、Firefox3、Safari3
    2025-02-14
  • HTML 5.1学习之新增的14项特性与应用示例

    HTML 5.1学习之新增的14项特性与应用示例

    前言众所周知HTML5 属于万维网联盟 (W3C), 这个组织为整个网络界提供了标准,如此形成的协议可在全世界通行。在 2016 年 11 月, W3C 对长期行使的 HTML 5 标准进行了更新,它是2年内的第一次小更新。许多最开始提出的
    2025-02-14
  • js获取指定的cookie的具体实现

    js获取指定的cookie的具体实现

    复制代码代码如下: var cookieName = "cookie名字"; var cookieValue = null;//返回cookie的value值 if (document.cookie && document.cookie !
    2025-02-14
  • javascript数组操作总结和属性、方法介绍

    javascript数组操作总结和属性、方法介绍

    一、数组的操作1、数组的创建复制代码代码如下:var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度var
    2025-02-14
  • 兼容主流浏览器的iframe自适应高度js脚本

    兼容主流浏览器的iframe自适应高度js脚本

    兼容主流浏览器的 Iframe 自适应高度,js脚本如下: 复制代码代码如下: //iframe 高度自适应 function iframeAutoFit(iframeObj) { setTimeout(function () { if (
    2025-02-14
  • html5 div布局与table布局详解

    html5 div布局与table布局详解

    本文实例为大家解析了html5 div布局与table布局,供大家参考,具体内容如下div布局:html+css实现简单布局。#container中height不能写成百分数,必须为具体高度。<!DOCTYPE html> <html>
    2025-02-14
  • HTML5本地存储之IndexedDB

    HTML5本地存储之IndexedDB

    IndexedDB 是一种低级API,用于客户端存储大量结构化数据(包括, 文件/ blobs)。该API使用索引来实现对该数据的高性能搜索。最近有一项业务需求,就是可以离线存储数据,等到有网络信号的时候可以上传表单和图片。所以研究了一下H
    2025-02-14