Welcome

首页 / 脚本样式 / JavaScript

浅谈Javascript中的12种DOM节点类型

2017-02-06 20
前言DOM的作用是将网页转为一个javascript对象，从而可以使用javascript对网页进行各种操作（比如增删内容）。浏览器会根据DOM模型，将HTML文档解析成一系列的节点，再由这些节点组成一个树状结构。DOM的最小组成单位叫做节点（node），文档的树形结构（DOM树）由12种类型的节点组成。属性一般地，节点至少拥有nodeType、nodeName和nodeValue这三个基本属性。节点类型不同，这三个属性的值也不相同nodeTypenode...

手机Web APP如何实现分享多平台功能

2017-02-06 21
话说App一般都带有分享到社交平台的入口，web网页的分享也有很不错的框架，但是随着HTML5的不断发展，手机web页面越来越多的进入到我们的生活中，那如何在我们的手机上完成分享呢？话说各大分享平台都有针对Android、Ios的SDK，作为开发者，我们只需要将SDK集成的我们的项目中即可，通过提供的外部接口，我们可以很容易的完成分享的功能；web网页呢，网上也存在很多优秀的分享框架，例如：bShare分享 、JiaThis分享；我们可以很方便的集成到我们...

jQuery购物网页经典制作案例

2017-02-06 18
本文实例为大家分享了jQuery购物网页经典案例，供大家参考，具体内容如下<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>今日团购模块</title><style type="text/css" rel="stylesheet">*{margin:0px ;padding:0px;font-...

用原生js统计文本行数的简单示例

2017-02-06 18
前言在开发的时候会遇到这种情况，只显示两行，如果超过两行，则显示一个“显示更多”的按钮，点击按钮来显示剩余行的内容。有个 jQuery 的插件 loadingDots 专门实现了这个功能。不过今天这里我们要用原生的Javascript来实现，要实现这个需求，最关键的是要确定这个容器内文本的行数，得到行数后，修改元素高度，并确定是否显示加载按钮。window.getComputedStyle（）要使用原生 JavaScript 代码获取一个元素的各个 sty...

再谈Javascript中的异步以及如何异步

2017-02-06 19
为什么需要异步？why？来看一段代码。问题1：for（var i=0;i<100000;i++）{}alert（"hello world！！！"）; 这段代码的意思是执行100...次后再执行alert，这样带来的问题是，严重堵塞了后面代码的执行，至于为什么，主要是因为JS是单线程的。问题2： 我们通常要解决这样一个问题，如果我们需要在head里面加入script代码的话，一般会将代码写在window.onload里面（如果操作了dom的话），你...

js 基础篇必看（点击事件轮播图的简单实现）

2017-02-06 19
轮播图在以后的应用中还是比较常见的，不需要多少行代码就能实现。但是在只掌握了js基础知识的情况下，怎么来用较少的而且逻辑又简单的方法来实现呢？下面来分析下几种不同的做法：1、利用位移的方法来实现首先，我们可以在body中添加一个div并且将宽度设置成百分比（自适应页面），比例具体是相对谁的百分比的话按需求来做，在这里不多说。将图片放入到div 中。其次，样式部分将img标签全部设置成absolute；以方便定位最后，js部分说说逻辑，定义两个空数组，第一个...

浅谈时钟的生成（js手写简洁代码）

2017-02-06 20
在生成时钟的过程中自己想到布置表盘的写法由这么几种：当然利用那种模式都可以实现，所以我们要用一个最好理解，代码有相对简便的方法实现1、利用三角函数用js在三角函数布置表盘的过程中有遇见到这种情况：是在表盘的刻度处，利用三角函数计算具体的值时不能得到整数，需要向上或者向下取整，这样无形中就会存在些许偏差，而且这样的偏差难利用样式来调整到位，即使最终效果都可以实现，但是细微处的缝隙和角度的偏差都会影响整体的视觉体验，作为一名程序开发人员，这样的视觉体验很难让别...

老生常谈JavaScript 正则表达式语法

2017-02-06 17
JavaScript定义正则表达式有两种方法。1.RegExp构造函数var pattern = new RegExp（"[bc]at","i"）;它接收两个参数：一个是要匹配的字符串模式，另一个是可选的标志字符串。2.字面量var pattern = /[bc]at/i;正则表达式的匹配模式支持三种标志字符串：g:global，全局搜索模式，该模式将被应用于所有字符串，而并非搜索到第一个匹配项就停止搜索；i:ingore case，忽略字母大小写，即在确...

基于JavaScript Array数组方法（新手必看篇）

2017-02-06 18
Array类型是ECMAScript中最常用的引用类型。ECMAScript中的数据与其它大多数语言中的数组有着相当大的区别。虽然ECMAScript中的数据与其它语言中的数组一样都是数据的有序列表，但不同的是，ECMAScript数组中的每一项可以保存任何类型的数据，无论是数值、字符串或者是对象。同时，ECMAScript中的数组大小是可以动态调整的，即可以根据数据的添加自动增长以容纳新增的数据。下面总结一下JavaScript中数组常用的操作函数及用法...

javascript之IE版本检测超简单方法

2017-02-06 20
近年来随着操作系统的升级以及各种新技术的开发普及，抛弃低版本IE已经是大势所趋，这对于前端人员来时是个好消息，可以不用花费太多的时间来做低版本的兼容，很多站点采用给予低版本IE以提示的方式（恩，很友好很人道）给游客，一般是在header上给一个提示，脚本检测如下：function getIEVersion（）{var rv = -1; // Return value assumes failure.if（navigator.appName == "Micr...

javascript数字验证的实例代码（推荐）

2017-02-06 20
现在有一个需求如下图：产品经理说Card Number只能让输入数字（中间的空格是格式自加的，也是用js实现的），有时候我脑海中出现了个声音，啥玩意，加个type=number不就行了，事实发现图样图森破了，先不说type=number后面会有个上下标（虽然用css可干掉），但是这个类型是支持科学输入法的，就是小数点和e这样的是可以输入的，于是乎只能用其他的方式了，后来想用检索到输入了非数字就干掉，但是这样还是能输入，想法被打回，于是乎最终采用了键盘输入控...

js显示动态时间的方法详解

2017-02-06 19
本文实例讲述了js显示动态时间的方法。分享给大家供大家参考，具体如下：Date对象的方法Date 对象能够使你获得相对于国际标准时间（格林威治标准时间，现在被称为 UTC-Universal Coordinated Time）或者是 Flash 播放器正运行的操作系统的时间和日期。要使用Date对象的方法，你就必须先创建一个Date对象的实体（Instance）。Date 对象必须使用 Flash 5 或以后版本的播放器。Date 对象的方法并不是静态的，...

javascript验证内容为数字以及长度为10的简单实例

2017-02-06 18
javascript验证内容为数字以及长度为10的简单实例<html><head><script type="text/javascript">function valid（） {var numVal = document.getElementById（"num"）.value;if（numVal！=undefined&&numVal！=""）{if（！validateNum（numVal））{return ;}} el...

浅谈angular懒加载的一些坑

2017-02-06 19
写在前面最近在工作中接触到angular模块化打包加载的一些内容，感觉中间踩了一些坑，在此标记一下.项目背景：项目主要用到angularJs作为前端框架，项目之前发布的时候会把所有的前端脚本打包压缩到一个文件中，在页面初次访问的时候加载，造成页面初始载入缓慢，在此基础上，提出按需加载，即只有当用户访问某个模块的时候，该模块的脚本才会加载.工具类：项目使用grunt打包根据AMD规范，使用grunt-contrib-requirejs来压缩合并模块，同时用o...

jQuery多级联动下拉插件chained用法示例

2017-02-06 18
本文实例讲述了jQuery多级联动下拉插件chained用法。分享给大家供大家参考，具体如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head...

JS简单设置下拉选择框默认值的方法

2017-02-06 18
本文实例讲述了JS简单设置下拉选择框默认值的方法。分享给大家供大家参考，具体如下：//根据下拉对象默认选中后台对应的记录function setSelectOption（objSelect, targetValue）{ if（objSelect）{var options = objSelect.options;if（options）{ var len = options.length; for（var i=0;i<len;i++）{if（option...

JS实现漂亮的时间选择框效果

2017-02-06 20
本文实例讲述了JS实现漂亮的时间选择框效果。分享给大家供大家参考，具体如下：HTML代码部分：<html><script language=javascript src="dataone.js"></script><table align="center"><tr><td><body>（1）只选择日期<input type="text" name="date"read...

JS关闭窗口时产生的事件及用法示例

2017-02-06 20
本文实例讲述了JS关闭窗口时产生的事件及用法。分享给大家供大家参考，具体如下：/************ 关闭窗口，提交评价 **************/window.onbeforeunload = function（）{ var pageWidth = Math.max（window.top.document.body.scrollWidth, window.top.document.documentElement.scrollWidth）; var...

jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】

2017-02-06 19
本文实例讲述了jQuery实现表格隔行及滑动,点击时变色的方法。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:la...

jquery弹出框插件jquery.ui.dialog用法分析

2017-02-06 17
本文实例讲述了jquery弹出框插件jquery.ui.dialog用法。分享给大家供大家参考，具体如下：1. jquery.ui.dialog官方地址 http://jqueryui.net/dialog/jquery.ui.dialog是一个非常灵活的模式框,它的官方地址为: http://docs.jquery.com/UI/Dialog2. 文件引用要使用jquery.ui.dialog,需要引用两个文件，1个是js，另外1个是css在conten...
<< 131 132 133 134 135 136 137 138 139 140 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图