Welcome 微信登录

首页 / 脚本样式 / JavaScript

JavaScript 盒模型 尺寸深入理解

JavaScript 盒模型 尺寸深入理解

概念引自维基百科:根据由万维网联盟(W3C)于1996年发行并于1999年修订的CSS1所指定的,当任意一个块级元素的宽度或高度被显式指定,它应当只确定这个可见元素自身(内容区)的宽度或高度,而padding, border和margin随后被应用。Internet Explorer在“怪异模式” 则把内容,内边距(padding)和边框(border)全部包括在一个指定的宽度或高度之内;这导致它呈现出一个比遵从标准行为的结果更窄或者更短的盒子。如下图:应...
通过JS自动隐藏手机浏览器的地址栏实现原理与代码

通过JS自动隐藏手机浏览器的地址栏实现原理与代码

大家通过手机自带浏览器打开百度、淘宝,在首页加载完毕后,会自动隐藏页面上方的地址栏,加之这些网站针对手机浏览器做了优化,乍看之下,还真难区分这是WEB APP还是Native App,如下左侧图片为通过safari打开淘宝网的首页,要不是因为底下的浏览器工具栏,还真像Native App。实际上它是有地址的,向下拖动就会看到地址栏,如下右侧图片。如何才能实现将浏览器地址栏隐藏呢?百度一下,有很多资料,很简单,主要利用window.scrollTo()方法,...
js显示时间 js显示最后修改时间

js显示时间 js显示最后修改时间

本实例将实现显示网页文件最后的修改时间。首先在页面添加了一个文本框控件,然后使用javascript创建了一个函数,在函数中调用document对象的lastModified属性,然后在页面的文本框中显示文件上一次被修改的时间,通过这种方法可以查看网页的更新时间。 实现过程: 1.编写自定义函数,代码如下: 复制代码 代码如下: <script language="javascript"> function alterdate() { docu...
jQuery常见开发技巧详细整理

jQuery常见开发技巧详细整理

1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可以通过$()转换成jquer...
javascript学习(一)构建自己的JS库

javascript学习(一)构建自己的JS库

前言 库是一个饱受争议的热门话题。一种观点认为它是一种非常棒的工具,是任何开发者都不可或缺的;另一种观点则认为在不理解库的内部工作原理的情况下对库形成依赖,会助长懒惰的风气从而导致开发者素质下降。但是不管怎么样,好像每个人都赞同编写自己的库,况且把自己日常用到的东西合并到一起本身就是一件有意义的事情。 下面我们开始建立自己的JS库,并编写两个自己的方法 复制代码 代码如下: //作者: //时间:2012-11-13 (function(){ window...
javascript学习(二)javascript常见问题总结

javascript学习(二)javascript常见问题总结

1、JS中方法和变量都是区分大小写的 2、单引号、双引号在JS中没有特殊的区别,都可以用来创建字符串。但作为一般性规则,大多数开发人员喜欢用单引号而不是双引号,但是XHTML规范要求所有属性值都必须使用双引号括起来。这样在JS中使用单引号,而对XHTML使用双引号会使混合两者代码更方便也更清晰。 单引号可以包含双引号,同理,双引号也可以包含单引号。 3、括号 首先需要说明的是:JS中括号包含两种语义,可以是分隔符也可以是表达式。 a、分隔符大家非常熟悉(1...
Javascript图像处理—亮度对比度应用案例

Javascript图像处理—亮度对比度应用案例

前言上一篇文章,我们讲解了图像处理中的卷积操作和平滑(也就是模糊)处理,这篇文章我们进行亮度和对比度的变化。其实,亮度是啥玩意?亮度就是比较亮眼咯……实际上对于RGBA颜色空间,变亮其实就等于R、G、B三个通道同时加大,那么变暗就等于同时减小咯。这比较好理解,因为最暗的黑色是RGB(0,0,0),而最亮的白色是RGB(255,255,255)。所以变亮应该RGB各通道都要增大。那么,对比度呢?对比度,其实就是颜色差啦。那么对于RGBA颜色空间,对比度变大其...
JavaScript中“基本类型”之争小结

JavaScript中“基本类型”之争小结

前端面试中常被问到的问题之一就是“JavaScript的基本类型有几种?”。有的回答“数字、字符串、布尔”,有的可能会再加上“Null、Undefined”。而有人可能认为“object”也是基本类型。到底是什么样呢?所谓“基本类型(primitive types)”的概念ECMAScript(V3,V5)中压根就没有,它只是将类型分为6种。ECMAScript只提到类型,用types表示,在V3,V5整个文档搜关键字“primitive”也没见“prim...
JavaScript实现x秒后自动跳转到一个页面

JavaScript实现x秒后自动跳转到一个页面

今天看视频学习时学习了一种新技术,即平时我们在一个页面点击“提交”或“确认”会自动跳转到一个页面。 在网上搜了一下,关于这个技术处理有多种方法,我只记下我在视频里学到的三种: 1、用一个response.sendRedirect("目标页面.jsp.htm");实现直接跳转; 2、有时我们需要有点提示,比如“x秒后自动跳转,若没有跳转,请点击此处”,则可以在myeclipse中调用Snippets中的Delay Go To URL.会自动生成如下代码: 复...
web开发人员学习jQuery的6大理由及jQuery的优势介绍

web开发人员学习jQuery的6大理由及jQuery的优势介绍

jQuery是一个用来简化HTML客户端开发的JS(JavaScrip)库,它支持HTML DOM处理,同时还融合了部分HTML和CSS。许多网站建设公司已经加入了jQuery的阵营,你的公司也该加入了。 下面就来看看jQuery为何对公司有如此大的影响吧。 1.jQuery简化了工作 学习jQuery非常容易——毕竟这个函数库由更简短、更简洁的代码创建。jQuery具有语句简洁、编码标准开放的特点,这些特点帮助开发者缩短了配置网站和应用所需的时间。 另外...
Javascript图像处理—阈值函数实例应用

Javascript图像处理—阈值函数实例应用

前言 上一篇文章,我们讲解了图像处理中的亮度和对比度的变化,这篇文章我们来做一个阈值函数。最简单的图像分割方法 阈值是最简单的图像分割方法。比如为了从下图中分割出苹果,我们利用前景与背景的灰度差值,通过设定一个阈值,对于该像素大于这个阈值时就以黑色表示,小于便以灰色表示。五种阈值类型 和OpenCV一样,我们将提供五种阈值类型,方便使用。下面是原图像的波形表示,纵坐标表示像素点的灰度值大小,蓝线是阈值大小。二进制阈值化 公式表示是:图像表示是:可见超过该阈...
JQuery入门—JQuery程序的代码风格详细介绍

JQuery入门—JQuery程序的代码风格详细介绍

《jQuery权威指南》第1章jQuery开发入门,本章通过循续渐进的方式,先从jQuery的基础概念入手,介绍jQuery库的下载,引入简单应用方法;后部分侧重于jQuery控制DOM对象和页面CSS样式的介绍,通过一些简单的小示例,使读者对jQuery在页面中的功能应用有一个大致的了解,为下一章节进一步学习jQuery库的详细对象和方法奠定基础。本节为大家介绍jQuery程序的代码风格。1.1.5 jQuery程序的代码风格 1.“$”美元符的使用 在...
Javascript 检测键盘按键信息及键码值对应介绍

Javascript 检测键盘按键信息及键码值对应介绍

Javascript中有3个事件句柄在对应键盘的输入状态:keydown、keypress和keyup。 分别对应的意思是:按键被按下(按下按键但还没有抬起)、点击按键(按下并抬起按键)、按键抬起(按键抬起之后) 按键的分类 按键可以分为“实键”和“虚键” 实键可以理解为我们能够看到并打印出来的按键,如字母“A”、数字“1”、字符“?”等等 虚键就是那些无法打印出来起到控制作用的按键,如“Ctrl”、“Alt”、“Shift”、“方向键”等等 IE在处理虚...
<< 591 592 593 594 595 596 597 598 599 600 >>