Welcome 微信登录

首页 / 脚本样式 / JavaScript

浏览器中url存储的JavaScript实现

浏览器中url存储的JavaScript实现

2017年02月06日 12 阅读
现在的浏览器里,有一个十分有趣的功能，你可以在不刷新页面的情况下修改浏览器URL;在浏览过程中.你可以将浏览历史储存起来，当你在浏览器点击后退按钮的时候，你可以冲浏览历史上获得回退的信息，这听起来并不复杂，是可以实现的，我们来编写些代码。来看看它是如何工作的。var stateObject = {};var title = "Wow Title";var newUrl = "/my/awesome/url";history.pushState（stateO...
浅谈JavaScript中运算符的优先级

浅谈JavaScript中运算符的优先级

2017年02月06日 12 阅读
运算符优先级JavaScript中的运算符优先级是一套规则。该规则在计算表达式时控制运算符执行的顺序。具有较高优先级的运算符先于较低优先级的运算符执行。例如，乘法的执行先于加法。下表按从最高到最低的优先级列出JavaScript运算符。具有相同优先级的运算符按从左至右的顺序求值。运算符描述. [] （）字段访问、数组下标、函数调用以及表达式分组++ -- - ~ ！ delete new typeof void一元运算符、返回数据类型、对象创建、未定义值*...
简单介绍JavaScript中字符串创建的基本方法

简单介绍JavaScript中字符串创建的基本方法

2017年02月06日 12 阅读
创建一个字符串有几种方法。最简单的是用引号将一组字符包含起来，可以将其赋值给一个字符串变量。 var myStr = "Hello, String！"; 可以用双引号或单引号将字符串包含，但要注意，作为界定字符串的一对引号必须是相同的，不能混用。 像var myString = "Fluffy is a pretty cat."; 这样的声明就是非法的。 允许使用两种引号，使得某些操作变得简单，比如将一种嵌入另外一种： document.write（"&l...
jQuery.each使用详解

jQuery.each使用详解

2017年02月06日 12 阅读
jQuery.each方法是jQuery的核心工具方法之一，通用例遍方法，可用于例遍对象和数组。不同于例遍 jQuery 对象的 $（）.each（） 方法，此方法可用于例遍任何对象。通常需要两个参数object:需要例遍的对象或数组。callback:每个成员/元素执行的回调函数。回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。例遍数组，同时使用元...
在JavaScript中访问字符串的子串

在JavaScript中访问字符串的子串

2017年02月06日 12 阅读
使用substring（）或slice（）方法（NN4+, IE4+），下面说明它们的具体用法。 substring（）的原型为：string.substring（from, to） 第一个参数from指定了子字符串在原字符串中的起始位置（基于0的索引）；第二个参数to是可选的，它指定了子字符串在原字符串的结束位置（基于0的索引），一般情况下，它应比from大，如果它被省略，那么子字符串将一直到原字符串的结尾处。 如果参数from不小心比参数to大了会怎样...
jQuery原型属性和原型方法详解

jQuery原型属性和原型方法详解

2017年02月06日 13 阅读
首先看一下在jQuery1.7.1中定义的原型属性和方法有哪些？首先是constructor属性相信熟悉js面向对象部分的开发人员都熟悉，就是用来返回对象属性创建的函数，举个简单的例子：function Person（）{};var person=new Person（）;alert（person.constructor）; //function Person（）{}我们写继承的时候喜欢把所有的原型属性和方法放在一个单独的对象字面量中，这样就会导致cons...
JavaScript中判断两个字符串是否相等的方法

JavaScript中判断两个字符串是否相等的方法

2017年02月06日 12 阅读
先将用户的输入值全部转换为大写（或小写），然后再行比较： var name = document.form1.txtUserName.value.toLowerCase（）; if（name == "urname"） { // statements go here. } JavaScript有两种相等运算符。一种是完全向后兼容的，标准的"=="，如果两个操作数类型不一致，它会在某些时候自动对操作数进行类型转换，考虑下面的赋值语句： var strA = "...
Javascript编写俄罗斯方块思路及实例

Javascript编写俄罗斯方块思路及实例

2017年02月06日 12 阅读
俄罗斯方块这个游戏也做了移动端的兼容， 这个游戏难点是怎么翻转方块， 自己实现的方式是把方块放到一个二维数组， 然后逆时针旋转二维数组。 也有别的方法，比如直接用一个全局变量代表一个方向， 翻转的时候根据这个变量转动方块， 但是代码要写更多。 在文库搜索到了一篇关于算法的文章， ....看着好心塞： 游戏截图PC端： 游戏截图移动端： 模板引擎用了HandlebarsJS， 为了更好的模块化，也用了requireJS....没用好；运行下面代码v...
理解JavaScript的变量的入门教程

理解JavaScript的变量的入门教程

2017年02月06日 12 阅读
变量是用于存储信息的容器：x=5; length=66.10;还记得在学校里学过的代数吗？当您回忆在学校学过的代数课程时，想到的很可能是：x=5, y=6, z=x+y 等等。还记得吗，一个字母可以保存一个值（比如 5），并且可以使用上面的信息计算出 z 的值是 11。您一定没有忘记，对吧。这些字母称为变量，变量可用于保存值 （x=5） 或表达式 （z=x+y）。JavaScript 变量正如代数一样，JavaScript 变量用于保存值或表达式。可以给变...
使用JavaScript实现连续滚动字幕效果的方法

使用JavaScript实现连续滚动字幕效果的方法

2017年02月06日 13 阅读
我们一般都用Marquee标签控制元素的滚动。但是单向的Marquee滚动是不连续的，每滚完一幕，就会出现一次空白。而下面介绍中的滚动则是连续的，毫不间断。 下面为你介绍这是如何实现的。 为了滚动能够“连续”，我们需要将字幕的内容复制多遍，直到内容的高度不小于滚动区高度的两倍。然后我们将溢出的滚动条隐藏掉，用代码控制滚动条向下移动（这时内容将向上移动）。当滚动条滚动到最下方时，理论上不能再往下滚动了，于是我们立刻调整滚动条，将它向上滚动到一个和当前画面...
JavaScript编写推箱子游戏

JavaScript编写推箱子游戏

2017年02月06日 12 阅读
推箱子游戏是老游戏了， 网上有各种各样的版本， 说下推箱子游戏的简单实现，以及我找到的一些参考视频和实例； 如下是效果图： 这个拖箱子游戏做了移动端的适配， 我使用了zepto的touch模块， 通过手指滑动屏幕就可以控制乌龟走不同的方向； 因为推箱子这个游戏比较简单， 直接用了过程式的方式写代码， 模块也就是两个View 和 Model， 剩下就是用户的事件Controller， 用户每一次按下键盘的方向键都会改变数据模型的数据，然后重新生成游戏的...
使用JavaScript制作一个简单的计数器的方法

使用JavaScript制作一个简单的计数器的方法

2017年02月06日 13 阅读
设计思想 该方法的关键是Cookie技术和动态图像特性的综合运用。使用Cookie，可以在用户端的硬盘上记录用户的数据，下次访问此站点时，即可读取用户端硬盘的Cookie，直接得知来访者的身份和访问次数等有关信息。JavaScript中通过document.cookie属性访问Cookie，这个属性包括名字、失效日期、有效域名、有效URL路径等。用等号分开的名字和其值是Cookie的实际数据，本例中用来存储该访问者访问该页面的次数。通过把Web页中的图像...
JavaScript编写连连看小游戏

JavaScript编写连连看小游戏

2017年02月06日 12 阅读
天天看到别人玩连连看， 表示没有认真玩过， 不就把两个一样的图片连接在一起么， 我自己写一个都可以呢。 使用Javascript写了一个， 托管到github， 在线DEMO地址查看：打开 最终的效果图： 写连连看之前要先考虑哪些呢？ 1：如何判断两个元素可以连接呢， 刚刚开始的时候我也纳闷， 可以参考这里：打开； 2：模板引擎怎么选择呢， 我用了底线库的template，因为语法简单。 本来想用Handlebars，但是这个有点大啊， ...
利用JavaScript脚本实现滚屏效果的方法

利用JavaScript脚本实现滚屏效果的方法

2017年02月06日 12 阅读
许多制作网页的朋友常常制作公告板、信息窗，也经常为了实现整版页面和图像的滚屏显示而烦恼，不用着急，这里有一个简单的方法来实现滚屏显示。我们没有采用Java的.class程序来实现，也不是动态DHTML语言，只是充分地利用了JavaScript脚本语言的一些函数，写一些简短的JavaScript脚本语言就可实现这一功能。 原代码如下： <html> <head> <script language="Javascript"...
Javascript编写2048小游戏

Javascript编写2048小游戏

2017年02月06日 12 阅读
去年2048很火， 本来我也没玩过， 同事说如果用JS写2048 只要100多行代码； 今天试了一下， 逻辑也不复杂， 主要是数据构造函数上的数据的各种操作， 然后通过重新渲染DOM实现界面的更新， 整体不复杂， JS，css，和HTML合起来就300多行； 界面的生成使用了underscore.js的template方法， 使用了jQuery，主要是DOM的选择和操作以及动画效果，事件的绑定只做了PC端的兼容，只绑定了keydown事件； 把代码放...
<< 1131 1132 1133 1134 1135 1136 1137 1138 1139 1140 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图