Welcome

首页 / 脚本样式 / JavaScript

巧用数组制作图片切换js代码

2017-02-06 18
在前面的文章中，我们讲到了js中数组的具体操作，详见（Js对Array的各种操作总结），这里就不再做详细的讲解。今天主要的目的是如何用数组进行图片的简单左右切换。 本文中的图片切换具体步骤如下： 第1步：简单的布局并设计基本的显示样式； 第2步：通过js获取相关元素； 第3步： 通过数组进行图片url和对应文字描述的存储； 第4步：初始化：包括图片的初始化，显示图片数字以及对应文字的初始化等； 第5步：点击按钮切换图片，编写对应的函数，其实就是数组的简单应...

用headjs来管理和加载js 提高网站加载速度

2017-02-06 16
现在有许多成熟的js模块加载器，比如requirejs和seajs等，但是对一些小的项目来说，它们的功能可能太过于“强大”，也许我们只是想要有一个能动态加载js的功能，或许我们只是想装B一下，让自己写出的页面没有一大堆的<script src=”a.js”></script>这样的东西。前面说的两种js加载器都是更强调模块性，也就是更强调js文件的组织和管理，更适用于大的项目。就像刚刚说的，我只想有一个js文件加载器，我只需提供给它...

JS针对Array的各种操作汇总

2017-02-06 17
Array应该是我们在平时写js代码中，使用频率最高的，在平时的项目中，很多数据都是可以通过Array来存储、操作等任务。除了Object之外，Array类型应该是js中最常用的类型了。今天总结一下Array的一些简单和基本的操作，也来巩固下自己的基础知识。一、如何创建Array（下面直接说数组）创建数组主要有两种方法，第一种是使用数组构造函数，第二种是使用数组字面量表示法。1、使用数组构造函数如：var arr = new Array（）;如果预先知道数...

如何使用headjs来管理和异步加载js

2017-02-06 16
现在有许多成熟的js模块加载器，比如requirejs和seajs等，但是对一些小的项目来说，它们的功能可能太过于“强大”，也许我们只是想要有一个能动态加载js的功能，或许我们只是想装B一下，让自己写出的页面没有一大堆的这样的东西。前面说的两种js加载器都是更强调模块性，也就是更强调js文件的组织和管理，更适用于大的项目。就像刚刚说的，我只想有一个js文件加载器，我只需提供给它一个js文件的地址就行了的那种呢？那就进入我们的主题了，使用headjs吧。首先...

headjs实现网站并行加载但顺序执行JS

2017-02-06 18
http://headjs.com/并行加载JS，但是执行的时候却按顺序执行，提高网站速度<script src="js/head.min.js"></script><script type="text/javascript"> head.js（"js/jquery-1.6.1.min.js","js/jquery.validate.min.js","js/my_validate.js"）; </script>...

jQuery弹出div层过2秒自动消失

2017-02-06 22
下面给大家分享一段代码关于jquery弹出div层并自动消失的实现代码，废话不多说了，具体代码如下所示：var HuiFang={m_tishi :null,//全局变量 判断是否存在div,//提示div 等待2秒自动关闭Funtishi: function （content, url） {if （HuiFang.m_tishi == null） {HuiFang.m_tishi = "<div class="xiaoxikuang none" i...

JS实现重新加载当前页面

2017-02-06 16
[javascript] view plain copy print?用JavaScript刷新上级页面和当前页面<script type="text/javascript">window.parent.main.document.location.reload（）;//上级页面document.location.reload（）;//当前页面每个frame元素或者iframe元素就是一个框架,这个框架是一个窗口,在这个窗口中加载一个h...

JS实现重新加载当前页面或者父页面的几种方法

2017-02-06 17
在开发过程中想要在某个时机去刷新某个固定的页面，去更新该页面某些控件的属性，比如显示隐藏、是否可点击等。是用的主要是通过 刷新该页面，方法如下： 方法一： 在该页面中调用： location.reload（）; 方法二： 在该页面调用： locatiion.replace（"NEW_URL"）; 方法三： windows.location.href="NEW_URL";当然 也支持子页面刷新父页面的操作，但是子页面和父页面是通过HTML包含的关系，如果是通...

将JSON字符串转换成Map对象的方法

2017-02-06 15
页面向后台action传递一个json字符串，需要将json字符串转换成Map对象public Map<String, String> toMap（Object object） {Map<String, String> data = new HashMap<String, String>（）;// 将json字符串转换成jsonObjectJSONObject jsonObject = JSONObject.fromOb...

Javascript 引擎工作机制详解

2017-02-06 21
Javascript 引擎工作机制javascript从定义到执行，JS引擎在实现层做了很多初始化工作，因此在学习JS引擎工作机制之前，我们需要引入几个相关的概念：执行环境栈、全局对象、执行环境、变量对象、活动对象、作用域和作用域链等，这些概念正是JS引擎工作的核心组件。这篇文章的目的不是孤立的为你讲解每一个概念，而是通过一个简单的demo来展开分析，全局讲解JS引擎从定义到执行的每一个细节，以及这些概念在其中所扮演的角色。var x = 1; //定义一...

jQuery特殊符号转义的实现

2017-02-06 17
我们在使用jquery选择器的时候 对一些ID属性中有特殊符号的地方需要进行转义。列举部分如下：<input id="entity.username" type="text" value="hello" />alert（$（"#entity\.username"）.val（））;<input id="entity:username" type="text" value="hello" />alert（$（"#entity\:user...

Javascript 闭包详解及实例代码

2017-02-06 17
Javascript 闭包闭包，是 Javascript 比较重要的一个概念，对于初学者来讲，闭包是一个特别抽象的概念，特别是ECMA规范给的定义，如果没有实战经验，很难从定义去理解它。因此，本文不会对闭包的概念进行大篇幅描述，直接上干货，让你分分钟学会闭包！1 闭包，一睹为快在接触一个新技术的时候，我首先会做的一件事就是找它的 demo code。对于我们来说，看代码比自然语言更能理解一个事物的本质。其实，闭包无处不在，比如：jQuery、zepto的核...

浅谈jquery的html方法里包含特殊字符的处理

2017-02-06 16
在使用jquery的html（）方法时，有时候里面添加的html代码含有一些特殊字符，需要进行转义。如下例子：inst_html = "<a style=color:white" onmouseover = ""; inst_html += "javascript:showme（""+inst.instId+"_"+valId+""）;"; inst_html += "" "; $（"#inst_div_"+valId）.html（inst_html...

vue.js实现表格合并示例代码

2017-02-06 16
前言由于使用的是vue，想到MVVM是要用数据驱动的思想，所以考虑在Model做手脚，而不是渲染出数据来后做DOM操作，当然基本的CSS还是要有的。因此这个方法对所有数据驱动的框架都有效，比如说Angular和React。最后的实现效果是这样的：实现思路原本的正常表格的代码长这样：<tr v-for="item in items"> <td width="3%">{{ $index + 1 }}</td> <td ...

html判断当前页面是否在iframe中的实例

2017-02-06 15
在做HTML页面的时候，经常会遇到“如果当前页面显示在iframe中，我们就相应的处理”判断方法为：//判断是否在iframe中if（self！=top）{parent.window.location.replace（window.location.href）;}以上这篇html判断当前页面是否在iframe中的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。...

js实现表单提交后不重新刷新当前页面

2017-02-06 29
如何实现表单提交后不重新刷新当前页面<form name="form1" id="form1" action="/xbcw/cw/xx_xx.action" method="post"> <input type="button" id="btnSubmit" name="btnSubmit" value="保存" onclick="addKp（）" class="Button2" /> <input type="butto...

Nodejs 搭建简单的Web服务器详解及实例

2017-02-06 17
使用 Nodejs 搭建简单的Web服务器使用Nodejs搭建Web服务器是学习Node.js比较全面的入门教程，因为要完成一个简单的Web服务器，你需要学习Nodejs中几个比较重要的模块，比如：http协议模块、文件系统、url解析模块、路径解析模块、以及301重定向问题，下面我们就简单讲一下如何来搭建一个简单的Web服务器。作为一个Web服务器应具备以下几个功能：1、能显示以.html/.htm结尾的Web页面2、能直接打开以.js/.css/.js...

JavaScript 字符串常用操作小结（非常实用）

2017-02-06 18
字符串截取1. substring（）xString.substring（start,end）substring（）是最常用到的字符串截取方法，它可以接收两个参数（参数不能为负值），分别是要截取的开始位置和结束位置，它将返回一个新的字符串，其内容是从start处到end-1处的所有字符。若结束参数（end）省略，则表示从start位置一直截取到最后。let str = "www.jeffjade.com"console.log（str.substring（...

浅析script标签中的defer与async属性

2017-02-06 39
一、前言看到的前辈写的代码如下<script src="#link（"xxxx/xx/home/home.js"）" type="text/javascript" async defer></script>竟然同时有async和defer属性，心想着肯定是前辈老司机的什么黑科技，两个一块儿肯定会发生什么神奇化学反应，于是赶紧怀着一颗崇敬的心去翻书翻文档，先复习一下各自的定义。二、调查一番先看看async和defer各自的定义吧，翻开...

JavaScript的变量声明提升问题浅析（Hoisting）

2017-02-06 18
一、变量声明提升 hoisting 英[‘hɔɪstɪŋ] 美[‘hɔɪstɪŋ] n. 起重，提升 v. 把…吊起，升起（ hoist的现在分词 ）先来看一个栗子var cc = "hello";function foo（）{ console.log（cc）; var cc = "world"; console.log（cc）;}foo（）;console.log（cc）;这...
<< 61 62 63 64 65 66 67 68 69 70 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图