首页> 网页设计教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
网页设计教程
  • html5通过postMessage进行跨域通信的方法

    html5通过postMessage进行跨域通信的方法

    最近工作中遇到一个需求，场景是：h5页作为预览模块内嵌在pc页中，用户在pc页中能够做一些操作，然后h5做出响应式变化，达到预览的效果。这里首先想到就是把h5页面用iframe内嵌到pc网页中，然后pc通过postMessage方法，把变化
    2025-02-10
  • html/css基础篇——html代码编写过程中的几个警惕点(必看)

    html/css基础篇——html代码编写过程中的几个警惕点(必看)

    本文想说的警惕点与浏览器兼容无关，主要是几个本人在项目中遇到的几个小问题的总结，问题虽小，但是却有时很困扰人，在此记录一下，如果后期有此类问题会持续添加到这里。1.内联标签之间的空格正常情况下书写html代码的时候都有换行、缩进等习惯，比如
    2025-02-10
  • JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)

    JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)

    首先这里声明一下，关于我测试浏览器的版本是chrome15.0.874.121 Firefox 8.01 IE9 IETester下面的代码关于声明1：获得滚动条的情况复制代码代码如下:function getScroll(){var t,
    2025-02-10
  • 为网站添加可以动态显示姓名文字的祝福页面

    为网站添加可以动态显示姓名文字的祝福页面

    类似的祝福页面其实是一个做好的网页模板，而后在适当的位置用代码调用的方式显示姓名。这样一来只需要在网页地址后加入名称编码，就可以显示想要的文字了。如在类似的祝福网页后加入以下代码“?stra=%B5%E7%C4%D4%B1%A8”，就会显示名称为“电脑报”。这种祝福页面的方式广泛用于各种情况，如网上好玩的恶搞网页都是采用这种方式制作的。
    2025-02-10
  • Html5实现文件异步上传功能

    Html5实现文件异步上传功能

    1 简介开发文件上传功能从来不是一件愉快的事，异步上传更是如此，使用过iframe和Flash的上传方案，也都感觉十分的别扭。本文简要简绍利用Html5的FormData实现文件的异步上传，还可以实现上传进度条和文件大小验证等。服务端使用s
    2025-02-10
  • CSS网页布局非常有用的八个技巧

    CSS网页布局非常有用的八个技巧

    CSS网页布局，说难，其实很简单。说它容易，往往有很多问题困扰着新手，在本文中介绍了非常多的技巧，这些小技巧与知识能事半功倍的给大家以帮助。然而更多的时候，我们往往被一些小问题缠着不能轻松。今天向大家介绍八个技巧，这些技巧显得很有用。
    2025-02-10
  • 在每个匹配元素的外部插入新元素的方法

    在每个匹配元素的外部插入新元素的方法

    一、方法wrap ：把所有匹配的元素，用其他元素的结构化包裹起来 wrapAll : 把所有匹配的元素，用单个元素包裹起来 wrapInner : 把匹配元素的子类用html结构包裹起来 二、实例（1）wrap 复制代码代码如下: <!DO
    2025-02-10
  • 用Pagespeed优化网站

    用Pagespeed优化网站

    首先解释一下，Pagespeed是Google宣布将把网站速度纳入PR评估标准后发布的一个基于Firefox Firebug插件的一个网站优化工具，可以自动分析页面内容，并提供非常详细的优化建议。目前属于Webmaster tools里的一个试验性工具，大家可以在Webmaster tools的lab菜单里查看自己网站的速度评估。
    2025-02-10
  • JavaScript调试技巧之console.log()详解

    JavaScript调试技巧之console.log()详解

    一、什么是console.log()？除了一些很老版本的浏览器，现今大多数浏览器都自带调试功能；即使没有调试功能，也可以通过安装插件来进行补充。比如，老版本的Firefox没有自带调试工具，在这种情况下可以通过安装Firebug插件来添加调
    2025-02-10
  • JS通过分析userAgent属性来判断浏览器的类型及版本

    JS通过分析userAgent属性来判断浏览器的类型及版本

    JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另 一种是通过分析浏览器的userAgent
    2025-02-10
  • 如何制作出非常美观的网页

    如何制作出非常美观的网页

    站点定位 > 策划方案 > 资料收集 > 站点框架设定 > 站点流程定义 > 各级栏目页面的框架草图 > 各级栏目页面的样图 > 制作页面模板 > 静态页面制作/后台程序开发（可同时进行） > 页面整合 > 局域网调试 > 发布（上传/服务器配置/数据库配置） > WWW调试 > 正式发布 > 永不止境的维护工作（直到网站倒闭为止）。
    2025-02-10
  • HTML5 表单验证失败的提示语问题

    HTML5 表单验证失败的提示语问题

    前言前端的童鞋在写页面时, 都不可避免的总会踩到 表单验证 这个坑. 这时候, 我们就要跪了, 因为要写一堆 js 来检查. 但是自从 H5 出现后, 很多常见的 表达验证 , 它都已经帮我们实现了, 让我们减轻了很多负担, 就好像下面的:
    2025-02-10
  • showModalDialog模态对话框的使用详解以及浏览器兼容

    showModalDialog模态对话框的使用详解以及浏览器兼容

    1.ModalDialog是什么？showModalDialog是jswindow对象的一个方法，和window.open一样都是打开一个新的页面。区别是：showModalDialog打开子窗口后，父窗口就不能获取焦点了（也就是无法操作了
    2025-02-10
  • 让table变成exls的示例代码

    让table变成exls的示例代码

    网页代码 复制代码代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="jquery-2.0.3.min
    2025-02-10
  • 详解Html5页面实现下载文件（apk、txt等）的三种方式

    详解Html5页面实现下载文件（apk、txt等）的三种方式

    需求描述接到的原始需求是这样的，有一个H5页面，页面中有个点击下载的按钮，点击之后，完成下载特定的apk。大概是下面这样的
    2025-02-10
上一页 363738394041424344下一页